Preview UI components and Storybook stories directly in your IDE. No more context switching, no more waiting. Just instant, beautiful previews.
Watch how Preview.js transforms your UI development workflow
Instantly see your components rendered as you type. No more waiting for builds or browser refreshes.
Works out of the box with all major UI frameworks. No special setup or configuration needed.
Native integration with VS Code and JetBrains IDEs. Your UI development workflow, supercharged.
Preview.js detects all UI components and Storybook stories in your codebase.
If you use TypeScript, Preview.js will generate valid properties for each component on demand.
Preview.js uses Vite under the hood, which allows it to achieve snappy refreshes. Previews will be updated before you have a chance to hit save.
Preview.js offers full support out of the box for Preact, React, Solid, Svelte and Vue 2 & 3.
Meta-frameworks such as Next.js, Nuxt, SolidStart and SvelteKit are also supported (some configuration may be required).
Preview.js Pro eliminates context-switching and helps you maintain deep focus while building UI components. No more juggling between IDE and browser.
See your changes instantly as you type, without saving or switching windows.
Smart features like auto-generated props and quick component search save you precious development time.
Works with your existing Storybook stories and supports all major UI frameworks out of the box.
Unlock advanced features and supercharge your workflow
Save your preview as a Storybook story, or tweak existing stories.
Writing documentation has never been easier!
Join developers who are building better UIs faster with Preview.js Pro
Get Preview.js ProTry risk-free with our 14-day money-back guarantee