Design and diagrams decision
Shots.so / Xnapper
A minimal mockup-and-export web app (static frames + simple animations) is buildable by a competent engineer in ~1 week, but reproducing the full template library, polish, hosting scale, and convenience features of the paid product is larger work better suited to keeping the service.
Visit website↗$10/mo
$120/yr
Not verified against a pricing page.
$50one-off30 h to build
$25/mo6 h/mo upkeep
On cash alone, building overtakes the subscription at 3 seats.
Open-source builds that already do this
Every project below is open source and already does this job today. Fork one, self-host it, or take the parts you need - the build prompt further down assumes an empty file, and this is the shortcut past that. Licences differ; check the one on each card before you ship. All Shots.so / Xnapper alternatives, with the arithmetic →
What a replacement has to do
- Upload image or video → choose mockup template and device frame → apply layout, background and animation presets → render/export asset (PNG/video) → share link or download.
What it still won’t have
- Large template & device library and ongoing additions
- Polished UI/UX and performance optimizations
- Built-in asset hosting, CDN and share/embed features at scale
- Proprietary animation presets and background-generation convenience
What remains hard
- Product polish and ongoing maintenance
First-year cost
Keep paying
Paying is—cheaper in year one.
On cash alone, building overtakes the subscription at 3 seats.
Money you would actually spend
Time you would spend
—
What you would spend
What we assumed
The verdict above measures whether you could build it. This one is only about money.
Runnable build prompt
Build a self-hosted mockup renderer using React for the frontend, Node.js/Express for the backend, Postgres (or SQLite) for metadata, FFmpeg and Sharp for media processing, and S3-compatible storage for assets. In scope: (1) a drag-and-drop editor to upload images/videos; (2) a small set of device frame templates (iPhone, desktop) and layout presets; (3) background options (solid, gradient, image) and simple animation presets (zoom, pan, parallax) implemented server-side into exported MP4/WebM or PNG; (4) export/download and a shareable short-lived link; (5) basic user settings and preset save/load. Out of scope: marketplace, large template library, team/multi-seat billing, advanced VFX filters. Include input validation, error handling, basic tests for upload/render/export flows, and Docker-based deployment.
How we checked
How the score was reached
- Partly verdict base52
- An open-source build was found+5
- 3 cited sources+3
- Evidence score60
The base comes from the verdict. Everything under it is a check that either happened or did not, and each one is a fact frozen in this record rather than a judgement made at render time - so the same evidence always produces the same number.
How scoring works →Cited sources · 3
Every page the run actually retrieved.
- official productShots - Create Amazing Mockups
- open sourcetheatre-js/theatre
- open sourceGraphiteEditor/Graphite
Integrity checks
What held up, and what did not.