Preview UI components in your IDE
Compatible with
Preact
React
SolidJS
Svelte
Vue 2 & 3
Instant feedback
No boilerplate
Preview any component
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.
Cross-framework
Supports Preact, React, Solid, Svelte and Vue 2 & 3
Preview.js leverages the power of Vite to support Preact, React, Vue, Solid and Svelte.
Pick your edition
Support the project by purchasing the Pro version
| 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 |