Turn screenshots into device mockups and animated launch visuals in your browser
A free, local-first visual editor for designers to craft code in real React codebases
Stage
Not given
Startup
Founded
Not given
Not given
Based in
Not given
US
Pricing model
Freemium
Freemium
Pricing
Free: 1× PNG export and watermarked GIF export. Pro Monthly: $9/month with 2× high-resolution PNG, GIF without watermark, MP4 at 30, 60 & 120 FPS, SVG, batch export and cloud sync. Pro Yearly: $69/year ($5.75/month billed annually, 36% off monthly).
Free self-hosted version available on GitHub. For Teams: Custom pricing tailored to your team's needs. Contact us or book a demo.
Key features
Motion effects including push-in, float, orbit and drift animations
Real device frames for iPhone, MacBook, iMac and browser windows
Multiple background options including wallpapers, gradients and desktop environments
Text overlay with automatic positioning and customizable layout
Export to PNG, GIF, MP4 and SVG formats
MP4 video export at 30, 60 and 120 FPS
Transparent background export with full alpha channel preservation
1-Click Chrome Extension for capturing visible page and opening editor
Cloud sync for saved compositions across devices (Pro)
Batch export for all resolutions (Pro)
Real-time visual editing of React components
Infinite canvas design interface
Real-time collaboration on code
Works with existing React projects and Storybook
What makes it different
Local-first processing with all image handling and exports running in the browser for privacy
SVG export that preserves editable text, shapes and gradients while embedding raster content
4K MP4 export at up to 120 frames per second for smooth motion
Same editor available as native Mac app and in browser with synchronized Pro subscription
What you preview is exactly what you export with no surprises
Code is the source of truth—no design drift from implementation
Works directly in real codebases with existing design systems
AI-assisted design generation that understands React architecture
Open-source and transparent to the development community
Product Shot
Onlook