Preview.js Pro

Stay in your flow state and build better UIs faster with our premium features.

Advanced Editing

Powerful props editor and viewport controls to perfect your components in any context.

Save Your Work

Save your favorite component states and create Storybook stories with a single click.

Quick Access

Find and preview any component instantly with the powerful search feature.

Compare Features

Free
Pro
Core Features
Instant preview as you type
Multi-framework support
Auto-generated props
Basic Storybook integration
Error detection
Pro Features
Advanced props editor
-
Save favorite previews
-
Quick component search
-
Create & edit stories
-
Viewport presets
-
Dark/light mode toggle
-

Advanced Editing Tools

Structured props editor

Tweak properties in just a few clicks. No need to write any code.
Screenshot

Use viewports

Preview your component with different screen sizes at the click of a button.
Screenshot

Dark background toggle

Switch dark background on/off easily to test your components in both modes.
Screenshot

Save & Share Your Work

Save previews

Save your favourite sets of properties for each component, so you can resume where you left off.
Screenshot

Create and edit stories

Save your preview as a Storybook story, or tweak existing stories. Writing documentation has never been easier!
Screenshot

Quick Access

Search components and stories

Quickly preview any other component or story with a convenient search function.
Screenshot

Ready to Transform Your UI Development?

Get Preview.js Pro

✓ 14-day money-back guarantee
✓ Unlimited updates
✓ Use on any computer