Preview.js uses Vite and esbuild to achieve snappy refreshes, typically on the order of milliseconds.

Better yet, previews are updated as you type!

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 React and Vue.js.

It also supports application frameworks such as Next.js and Nuxt.js.

Support for Preact and Svelte coming soon!

Preview.js is open sourced under the AGPL v3 license.

It includes:

• support for all frameworks
• instant preview as you type
• live props editor
• automatic props generation for typed components
• Storybook support
• error handling

Support Preview.js development by purchasing a Preview.js Pro license.

Preview.js Pro includes:

• quick preview of related Storybook stories
• viewport preview (mobile, tablet)
• dark background toggle
• component search
• and more features in the works!

For more details, check out the Pro comparison table.

Preview.js works out of the box with:

• Visual Studio Code
• IntelliJ, WebStorm and other JetBrain IDEs

All IDE integrations are also open source!