Your app is finished.Your launch film isn’t.
Not a mockup. A shot.
A launch video used to take After Effects, a render queue and someone who knows both. Here the device is real 3D. The camera orbits it, the light falls across it and the lens pulls focus on it, all carried by the template. You only add the screen.
Devices
Fifteen devices built in 3D and rendered live on your GPU, in their real finishes.
Camera
An orbit rig, or a camera you place by hand. It moves through the scene; it does not pan a picture.
Light
HDRI studio environments. Light falls on metal, and the screen glows on the body.
Lens
Depth of field that focuses on the glass and lets the rest fall away.
Fifteen devices. Real finishes. Native pixels.
iPhone 17 to 18 Pro Max, the foldable iPhone Duo, three Galaxy Ultras, iPad Pro, Apple Watch Ultra 3, three MacBooks and Pro Display XDR. Each comes in its real colourways and shows your screen at its native resolution.
Finished films. Missing only your screen.
Every template is a full shot sequence: device, camera, light and timing, with titles where the film calls for them. Six of them here as they ship, a different demo app on each, on a plain black set for this wall.
Studio White
A hook, a title, three captioned macros (rail, lenses, glass), a reveal and a closing line.
Turntable
A full turntable spin under a long lens, a screen push, a settle.
Colour Fan
Four Neos fanned on one hinge; blush rears up, silver flings open and turns.
Canvas
Rise, title, two captioned angles, a screen push-in and a closing line.
Hero Spin
Closed, it turns through spine and cameras, then opens like a book toward you.
Glass & Metal
Face scan, Action button, an arc over the glass, rail, sapphire corner, reveal.
300+ templates inside the editor, in the same eleven sections it shows: Phones; iPhone Duo; MacBook; iPad, Watch & Display; Multi-device; Launch films; Close-ups; On location; Camera moves; Floating; Social first. In 16:9, 9:16, 1:1, 4:5 and App Store ratios. Browse and preview them free; using them, saving your own and sharing the .mockupflo-template file come with Pro.
Browse them in the editorFour steps. No timeline required.
A screenshot in, an MP4 out. The keyframe timeline is there when you want it, not before.
01 / 04
Pick a template
Choose the device and the shot sequence. The look, the camera and the timing come with it.
02 / 04
Drop your screen in
A PNG, JPG or WebP, or an MP4, WebM or MOV up to 500 MB or three minutes. It plays on the device at native resolution, in every shot at once.
03 / 04
Adjust what you like
Finish, backdrop, ratio, the title text. Or open the timeline and move a keyframe. Nothing is locked.
04 / 04
Export
MP4 or WebM, encoded in your tab with WebCodecs. Free up to 720p at 30 fps, Pro up to 4K at 60 fps. A still is free at full quality.
Every dial is yours. On the free tier.
Under the presets sits a full studio. Keyframe the camera, the lens and the device by hand, pull focus, light the set, grade the frame. All of it free; Pro removes the watermark, unlocks templates and project files, and raises the export ceiling.
Or hold the camera yourself.
Pair your phone with a QR code and tilt it: the device on screen follows your wrist, live.
- Pair: Scan the QR code the editor shows, or type its six-letter code
- Pose: Turn and tilt the phone; the device on screen turns and tilts with it
- Take: Tap record and move for up to 15 seconds, with a zoom or lid move laid over it if you like
- Then: The take lands on the timeline as keyframes you can still trim, ease or redo, or as a video file you keep
AI agents · MCP · Pro
Or just ask.
Add one npx line to Claude Code, Cursor, Codex or any MCP client and it drives the editor open in your browser, straight from your machine. Describe the film: the agent finds a template, drops in your screen, sets the scene, checks a frame and exports, and you watch every edit land in the tab. Nothing passes through our servers.
- Make a 20-second App Store preview from ./screenshots/home.png on an iPhone 17 Pro, then export it.
- Turn ./demo.mp4 into a 15-second 9:16 launch reel for socials.
- Put ./dashboard.png on a MacBook Pro for our landing page hero: slow orbit, 4K, 60 fps.
- Smart Animate the pricing table and the Upgrade button on ./paywall.png.
- Show ./app.png and ./web.png together, an iPhone in front of a MacBook, on black.
- Export a transparent PNG of the phone, tilted to the left, for our pitch deck.
- Open with a title card of our logo and fade the whole film out at the end.
- Works with
- Claude Code, Cursor, Codex, VS Code and any MCP client
- Runs
- On your machine, from one npx line
- Undo
- Every edit lands in the editor’s undo history
- Plan
- Part of Mockupflo Pro
The kit
One tab. The whole studio.
Real devices, a camera that moves through the scene, a lens that focuses, a grade, and exports up to 4K. All of it in the browser you already have open.
Ask for the shot
Pro · MCP
Connect Claude Code, Cursor or any MCP client and direct in plain words. Each ask lands as keyframes you can still edit.
Devices you can walk around
Fifteen devices modelled in 3D, in 54 real finishes, with your screen at native resolution.
A lens that pulls focus
Radial, directional and tilt-shift depth of field, with bokeh, so the eye lands where you point it.
Draw boxes, get a camera move
Mark up to twelve areas on your screen. Smart Animate composes the wide, the travel and the dwell on each, in 3D or 2D.
- Transparent
- PNG, WebP and WebM, on alpha
- Up to 4K
- Video at 60 fps on Pro, stills to 5120 px
- 300+ templates
- The camera, light and timing already done
- Grade
- Bloom, grain, vignette, aberration, sharpen
Your footage never leaves your machine.
Your footage
leaves your machine.
0 frames uploaded.
The 3D engine, the timeline and the encoder run in the tab, on your GPU. Sign-in, checkout and phone pairing touch a server; your screenshots, recordings and exports never do. Unreleased work stays unreleased.
- Your footage
- Never uploaded
- Rendering
- In the browser, on your GPU
- Encoding
- WebCodecs, inside the tab
- Render servers
- None
Projects: Stored in your browser; Pro adds a project file you save, reopen and keep yourself. Touches a server: Sign-in, Pro checkout and the phone-pairing handshake. Exports: Yours to use commercially; a small Mockupflo mark on the free tier, none on Pro. This page: Every video and still here was rendered in Mockupflo; the apps on the screens are demos written for it.
The reel
Made in .
Every film on this wall is a built-in template with a demo app dropped in, rendered and encoded in the browser. Nothing was retouched afterwards.
Now showing
Your app, next.
Every film here is a built-in template. Drop in your screen instead of ours and it plays as yours.
Browse the templatesFree to test.Pro from $7 a month.
The editor is free, with a small watermark on exports. Pro removes it and adds templates, project files, 1080p, 4K and 60 fps video, and AI agents over MCP; pay monthly, yearly or once.
- Free
- Free
- Every device, finish and camera preset, Smart Animate and the keyframe timeline. Stills at full quality and video up to 720p at 30 fps, both with a small Mockupflo mark. Templates are there to preview.
- Pro · Monthly
- $7per month
- No watermark on any image or video. Every template, plus saving and importing your own. 1080p, 4K and 60 fps video, and project files you can save, reopen and share. Cancel any time; Pro stays on to the end of the paid month.
- Pro · Yearly
- $70per year
- Everything in Pro for a year of launches, billed once a year. Cancel any time; Pro stays on to the end of the paid year.
- Pro · Lifetime
- $199once
- Everything in Pro, one payment. Nothing to renew, nothing to cancel.
Pro is bought inside the editor and tied to your account, so there is no checkout on this page. Polar is the merchant of record; prices are in USD and include VAT where applicable. Free exports carry a small Mockupflo mark; Pro exports carry none. Opening the editor requires signing in with Google or email; video export needs Chrome, Edge or Safari 16.4 or later.
Questions,answered plainly.
Is Mockupflo free?
Yes. Sign in with Google or email and the editor is free: every device and camera preset, Smart Animate and the keyframe timeline, with stills at full quality and video up to 720p at 30 fps, each carrying a small Mockupflo mark. Pro removes the mark and adds templates, project files and 1080p, 4K and 60 fps video, for $7 a month, $70 a year or $199 once.
Do I need motion design experience?
No. Templates carry the camera, light and timing, so your screen lands in every shot at once; 64 camera presets give you a finished move in one click; Smart Animate composes a pass from up to 12 focus areas you draw on the screen. The keyframe timeline is there when you want to direct every frame yourself.
Do my screenshots and recordings get uploaded anywhere?
No. Rendering, animation and video encoding run in your browser on your own GPU, and projects live in your browser’s storage. Sign-in, Pro checkout and the phone-pairing handshake talk to a server; your media never does.
Is there a watermark?
On the free tier, yes: a small Mockupflo mark sits on every export, image or video. Pro exports carry no mark.
Can I use the exports commercially?
Yes. Landing pages, App Store listings, ads, decks, client work and social posts: everything you export is yours.
How do I buy Pro, and can I cancel?
Inside the editor: open Pro, pick monthly, yearly or lifetime, and pay through Polar, the merchant of record; prices include VAT where applicable. Monthly and yearly can be switched or cancelled any time and stay active to the end of the paid period; lifetime is one payment with nothing to renew. There is no advertised refund guarantee: the free tier is the whole editor, so test the export you need before you pay.
Which browsers and operating systems work?
Any current desktop browser with a GPU runs the editor, on Windows, macOS or Linux, because it is a web app. Video export needs Chrome, Edge or Safari 16.4 or later, since it encodes with WebCodecs; stills export in any of them.
What goes in, and what comes out?
In: PNG, JPG or WebP screenshots and MP4, WebM or MOV recordings up to 500 MB or three minutes; the iPhone Duo takes a second source for its cover display. Out: PNG, JPG or WebP up to 4K, and MP4 or WebM up to 4K at 60 fps, in 16:9, 9:16, 1:1, 4:5 and the App Store’s iPhone, iPad, Mac and video sizes.
How do I get help or report a problem?
Email hi@support.mockupflo.com. Bug reports, export trouble, billing questions and account or data requests all go to the same address, and a person answers. Include your browser and operating system for anything about rendering or export.