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
Feature
Free
Pro
Free
Pro
Core Features
Instant preview as you type
✓
✓
Instant preview as you type
✓
✓
Multi-framework support
✓
✓
Multi-framework support
✓
✓
Auto-generated props
✓
✓
Auto-generated props
✓
✓
Basic Storybook integration
✓
✓
Basic Storybook integration
✓
✓
Error detection
✓
✓
Error detection
✓
✓
Pro Features
Advanced props editor
-
✓
Save favorite previews
-
✓
Quick component search
-
✓
Create & edit stories
-
✓
Viewport presets
-
✓
Dark/light mode toggle
-
✓
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.
Use viewports
Preview your component with different screen sizes at the click of a button.
Dark background toggle
Switch dark background on/off easily to test your components in both modes.
Save & Share Your Work
Save previews
Save your favourite sets of properties for each component, so you can resume where you left off.
Create and edit stories
Save your preview as a Storybook story, or tweak existing stories. Writing documentation has never been easier!
Quick Access
Search components and stories
Quickly preview any other component or story with a convenient search function.
Ready to Transform Your UI Development?
Get Preview.js Pro✓ 14-day money-back guarantee
✓ Unlimited updates
✓ Use on any computer