Preview.js detects your components and lets you preview each individually, with little to no configuration.
Component properties are automatically generated to match detected TypeScript types.
Preview.js leverages the power of Vite to support Preact, React, Vue, Solid and Svelte.
Preview.js | Preview.js Pro | |
---|---|---|
Free | ||
Open source core | ||
Open source IDE extensions for VS Code and JetBrains IDEs | ||
Open source plugins for Preact / React / Solid / Svelte / Vue 2 / Vue 3 | ||
Per-component preview | ||
Auto-generated props | ||
Instant refresh as you type | ||
Storybook support | ||
Viewport preview (mobile, tablet) | ||
Adjustable zoom | ||
Dark background toggle | ||
One-click component switcher | ||
Quick preview of related Storybook stories | ||
Project-wide component search |