shadcn Storybook

Each component renders in Storybook with controls for its full prop surface. Toggle a variant, change a size, swap an icon, edit text. See the change instantly. No project setup, no CLI install.

Every variant, size, and state has its own story. Default, hover, focus, active, disabled, error, loading. The full matrix is browsable without writing the code yourself.

Picking the right component usually means installing a few, comparing them, and uninstalling the rest. Storybook makes that loop unnecessary. Try them all in the browser, install only the one you keep.

Claude, Cursor, and other AI coding tools work better when there is a navigable, structured reference. Storybook gives them one, and pairs with the shadcn MCP server so agents pick the right component and install it cleanly.

The hosted Storybook is open to anyone. Use it to browse components, share links to a specific variant or state with your team, and explore before you buy.

Pro + React customers can download the pre-compiled Storybook bundle. Instantly serve it locally or host it on your own internal servers as a zero-config documentation hub for your team.