Vite Styleguidist features
Development environment
Focus on one component at a time, see all its variants and work faster with hot reload
Reuses your project’s Vite config, so components render exactly as they do in your app
JSX, TypeScript, CSS modules and static assets work out of the box
Style guide
Share components with your team, including designers and developers
All components in one place
Autogenerated usage documentation
Editable live examples
Interactive playground
See how components react to different props and data right in the browser
Find the right combination of props and copy the code
Works with any app: the style guide is bundled by Vite, whatever your app uses
