mockvid
You spent weeks building the site. Then you show it as a flat screenshot.
Paste the URL instead: Mockvid records the live site, desktop and mobile,
cookie banners cleared, and stages it in a cinematic 3D mockup.
You already make scrolling mockups for your portfolio and your feed. You just make them the hard way.
Freelance or studio? See the workflow for web designers, agencies and founders.
We open the live site in a real browser and record it scrolling. Desktop and mobile, captured together, automatically.
Pick a camera motion, light the scene, add your brand. Everything previews live, so you stop when it looks right.
One render gives you every format and ratio you need, up to 4K. Or share a live 3D link instead of a file.
Four things do most of the work.
It is a real browser recording, not a screenshot on a device PNG. Your scroll animations, parallax and hover states survive, and the responsive work you did is finally visible: desktop and mobile captured in one pass, at an even scrolling pace.
Because it is, just not by hand. Twenty-two directed camera motions, studio lighting, device finishes and depth, so a portfolio piece reads like an agency reel.
Your logo, animated titles and credits, a soundtrack, your own backdrop or gradient. Client work leaves with the client's brand on it, not ours.
The Reel, the portfolio hero, the deck slide and the README loop all come out of the same scene, up to 4K. Or publish a live 3D link and let people move the camera themselves.
One capture, three outputs: a 3D website mockup video, a scrolling website mockup, or a plain website scroll recording for your own edit. New to this? See every way to turn a website into a video.
Start free. Unlock the one site you’re shipping, or cover every project you take on with Studio.
Everything in One Site, plus:
Payments are secured and processed by Export free in 720p before you pay anything, on any site. If Mockvid cannot deliver what you paid for, we refund within 14 days (policy).
Paste the website's URL into Mockvid. It opens the live site in a real browser, records it scrolling from top to bottom on desktop and mobile, and stages the recording in an animated 3D device mockup. Pick a camera motion, then export. MP4 and WebM in 720p are free with no account; paid plans remove the watermark and add GIF, transparent video and up to 4K.
No. There's no sign-up and no card to start. Paid unlocks are tied to the website you capture and restored any time with your license key.
Device colour and finish (matte, glossy or glass), a 3D podium under the devices, studio lighting presets, floor reflection, tilt-shift, camera FOV and screen glare, plus particles, floating shapes and a neon night mode. On top of that: animated title, description and credit overlays with Google Fonts, your logo, a soundtrack, and a dark, light, custom-colour, gradient or image backdrop.
No. Your recent renders stay one click away in the app for 72 hours: restore a render, re-export it in another format, or share it again. Paid plans keep renders for good, scene and video together, reopenable from any browser with your license key: three on One Site, fifteen on Studio.
The 3D scene, the devices and your text are rendered at full 4K. The website itself is recorded in a real browser: lighter sites at their full 1920 px width, heavier or very animated sites at a lighter resolution, so the scroll stays perfectly smooth. Either way, the site looks sharpest in wider shots; close-up motions enlarge it on screen.
MP4 (H.264), WebM, animated GIF, animated WebP, true-alpha transparent video (WebM, and MOV in Apple ProRes 4444 for video editing), and PNG stills. MP4 and WebM go up to 4K on a paid plan, transparent video up to 1080p, 60 fps and 30 seconds, GIF and WebP at 640px. WebP is far lighter than GIF for the same loop.
Yes. Every capture records the desktop and the mobile layout of the site in the same pass, so the responsive work you did shows on both devices. Nothing to resize by hand.
Yes. Cookie consent banners are accepted and hidden before recording, so the video shows the site, not the overlay. If another element still gets in the way, you can hide it with a line of custom CSS.
16:9 for YouTube and websites, 9:16 for Reels, TikTok and Stories, 1:1 and 4:5 for Instagram and LinkedIn feeds, plus 4:3. The same scene re-exports in every ratio without recording the site again.
Yes. On a paid plan you can download the raw desktop and mobile recording of the site, without the mockup, to use in your own edits or client projects. See how the raw capture works.
Most public websites work well. Login walls, hard paywalls and heavy bot protection usually need a public preview, a staging link, or your own uploaded recording instead. You preview the capture before rendering, and can switch scroll behaviour or inject custom CSS to fix layout.
That's what it's built for. Studio covers every client domain you capture, with Figma mockups, the 3D podium and advanced scene control for the work you hand over. For the occasional one-off, a One Site unlock ties to that single domain instead. Either way, exports carry no watermark and shareable 3D embeds can hide the Mockvid badge. Launch videos, ads, decks and social posts are fine too. Just use sites, Figma files and brand assets you have the right to showcase.
One Site ($9) removes the watermark, unlocks HD and every format, and keeps 3 renders for one project domain. It also covers your own screen recording of that site if it blocks automated capture. One-time payment. Studio ($49/year) covers all your client and in-house projects, exports any video or image you upload, adds Figma mockups and tours across pages and sections (beta), raises saved renders to 15, and unlocks the 3D podium, seasonal decors, advanced lighting and scene FX in every export.
Paste a URL. No account, no card.