For websites, dashboards, and portfolios

Turn a website URL into an animated MacBook mockup video

Enter a public website URL to capture a still page or a short browser recording for your device screen. Choose the Free MacBook, review the capture, add a guided animation, and export a watermark-free MP4. Website capture requires sign-in; uploading your own media does not.

Sign in for URL capture · Or upload your own media without an account · Free 4K MP4

Capture a public URL

MacBook included free

MP4 up to 4K

No watermark

Made with freemockup.video · Pro example

A website presented in a MacBook scene

An existing Pro MacBook scene from our examples gallery. Use it to judge screen readability and composition. For a free version, choose the base MacBook and a Color or Gradient background; this concrete scene requires Pro. Open video · More examples
Add your screen. Drop a screenshot or short recording into Media. Use a portrait recording for iPhone and a wide recording for MacBook.
Set the composition. Choose the device, background, and animation. Preview the whole movement to check that labels stay readable.
Test the export. Choose HD for a quick MP4 test. Watch that file before spending time on the final 4K export.

Made for real product work

Use one mockup across your launch

01

Website launch

Show one useful interaction: a search returning results, a booking completed, or a design being published. Hold the result long enough to read it.

02

SaaS product page

Frame the dashboard at a readable size. A simple background and gentle device motion work better than fast rotation over dense interface text.

03

Portfolio case study

Present the desktop experience in a laptop. Use demo data and get permission before sharing a client's unpublished interface.

A simple workflow

From product screen to publishable video

  1. 1

    Choose MacBook and open Website capture

    Open the editor, select the Free MacBook, then choose Website in Media or use the URL field on the screen. Sign in to capture a public page; the Free account has a daily capture allowance.

  2. 2

    Enter the URL and review the result

    Paste the public website URL. The Media dialog can return a still image or a 5- or 10-second browser recording. Review the result before applying it to the MacBook screen. You can also upload your own screenshot or recording without signing in.

  3. 3

    Choose a background and animation

    Use Color or Gradient for the Free scene. In Animations, select a guided motion and preview its whole duration. Keep the main interaction readable as the laptop moves.

  4. 4

    Export an HD test, then the final file

    Use Export with Background set to Scene. Check the downloaded HD MP4 for cropping, text clarity, and the ending. Export up to 4K when the final placement benefits from the extra detail.

Free editor

Fast single-device mockups

Use iPhone 15 Pro, Samsung S22 Ultra, or MacBook, apply a guided animation, and export an MP4 up to 4K without a watermark. No account is required for local creation and export.

Start Creating for Free

Pro editor

Custom multi-layer product videos

Use the expanded device catalog, several device layers, custom keyframes, camera and scene controls, text, images, audio, saved projects, and transparent MOV export.

Explore Pro

What you can create with

Free Website Mockup Video Generator | Capture a URL

Learn the workflow

Related guides

Free export controlsPrepare website mediaCompare with Rotato

FAQ

Before you start

Can I paste a website URL?

Yes. Sign in, choose the MacBook screen, and open Website in Media to capture a public HTTP or HTTPS URL as an image or a 5- or 10-second browser recording. Review and apply the capture, then animate and export the device video.

Can it capture a page behind a login?

No. Website capture opens a public page in a clean browser without your login or cookies. Cookie banners and sites that block automation may affect the result.

Is the concrete MacBook example free?

The embedded concrete scene is a Pro example. For a Free workflow, use the base MacBook with a Color or Gradient background and guided motion.

Can I remove the background?

Transparent MOV export is a Pro feature. Free MP4 exports use a scene background.

Why does the recording look too small?

Check the source aspect ratio and the composition. Use a wide recording for MacBook, crop unrelated browser chrome before upload, and choose a view that keeps the display facing the viewer.

What if a 4K export fails?

Try an HD export with a shorter recording and close other memory-heavy tabs. Keep the export page open until it finishes. The help page covers additional troubleshooting.

Your product is ready to show

Create your mockup video.

Enter a public URL after signing in, or upload your own website screenshot or recording without an account.

Open free editor