All workOpen live site
Open Source · 2026
Mockup Studio
An open-source screenshot composer with device frames, video layers, on-canvas crop, FX overlays, and PNG / WebM export.
View live site- Client
- Open Source brand
- Timeline
- 3–5 days
- Role
- Design + Development
- Year
- 2026
Mockup Studio
The challenge
Designers were paying $20/mo for tools that produce one-click Dribbble shots. The market needed a local-first, open alternative that didn't watermark output.
My approach
- 01
Built a single-page Flask app — one HTML template, vanilla JS, no React tax — that ships under 150 KB.
- 02
Designed bake-on-exit crop so cropping a layer leaves it behaving as if it was freshly added at the new size.
- 03
Persisted full canvas state as a JSON blob in SQLite so future stages can evolve the editor without a migration treadmill.
The result
99
PageSpeed score
98
Mobile score
0.8s
Load time
100%
Responsive
See it live