Preview UI components in your IDE

Compatible with
React logo React
SolidJS logo SolidJS
Svelte logo Svelte
Vue.js logo Vue 2 & 3

Instant feedback

See your code live within the blink of an eye

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

Better yet, previews are updated as you type!

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 Vue 2 & 3, React, Solid and Svelte (experimental)

Preview.js leverages the power of Vite to support React, Vue, Solid and Svelte.

Pick your edition

Support the project by purchasing the Pro version

Get started