ng-prism offers Angular-native Storybook alternative with compiler-driven docs

A developer has released ng-prism, an Angular-native component showcase tool designed as an alternative to Storybook for Angular component libraries. Unlike Storybook, ng-prism uses a single @Showcase decorator placed directly on the component, with the TypeScript Compiler API extracting metadata at build time rather than relying on separate story files or runtime reflection. The tool renders components directly into the document instead of an iframe, avoiding isolation issues with Angular CDK overlays and portal-based elements like MatDialog. Version 22.2 ships with three new features: a visual-regression panel, an Overview contact sheet, and a redesigned UI built around a density scalar. Setup requires one command that integrates ng-prism's builders into an existing angular.json, and a provided transformer strips the decorator from compiled output so end users of published libraries need not install ng-prism.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in