How to make a website scroll video

1. 1

   Paste the link

   Paste the address into the field on the home page and press Enter. We open the page in a real browser, wait for fonts and lazy-loaded images, and read it from top to bottom. Nothing is recorded off your screen.

2. 2

   Pick the device and the shape

   Desktop reads the page at desktop width and gives you 16:9, 4:3 or 1:1. Tablet and Mobile read it at those widths, so the site serves its real responsive layout, and give you 9:16, 4:5 or 1:1. Working to a spec? Type an exact size instead.

3. 3

   Set the length

   Duration runs from 2 to 90 seconds, and it also sets the scroll speed: the same page at six seconds is a teaser, at thirty it is a tour.

4. 4

   Choose the motion

   Smooth eases in and out, Glide starts briskly and coasts to a stop, Linear holds one speed, and Pulse steps down the page a section at a time. Set Playback to Down and Back if the video should loop without a seam.

5. 5

   Add holds, pauses and hovers

   Optional, and where most of the polish is. Hold still for up to 10 seconds at the start or end, stop on up to 6 sections, and point a cursor at buttons and cards so their hover effects play.

6. 6

   Preview, then export

   The preview plays in your browser and costs nothing, however often you replay it. When it looks right, export an MP4, WebM or GIF. The exact credit cost is on the Export button before you press it.

Most of the editor has a sensible default. These are the ones worth a second look.

If the page is long and only the top half sells, drag the trim handles under the preview to set where the scroll starts and stops. A shorter scroll at the same duration is a slower, more readable one.

Length costs one credit for every 2 seconds of finished video, and a few settings add a fixed amount on top: higher resolutions, higher frame rates, Live Capture, tablet or phone width, pauses and hovers. A 10-second export at 1080p and 60 fps, read at desktop width, costs 21 credits, so the 51 you get at signup covers it twice.

After that, credits come in packs ($5 for 100, $12 for 400 and $19 for 900) and never expire. There is no subscription and no watermark on any of them. How credits work has the full table.

• A reveal animation is missing or a section looks blank. The fast engine pans a still image of the page, so scroll-triggered effects do not play. Switch the engine to Live Capture, or turn on Settle Animations to run them to their finished state. See capturing scroll animations.
• A cookie banner or chat bubble got through. Leave Dismiss Cookie Banners and Popups on, and add anything it missed under Hide elements as a CSS selector. More in removing pop-ups from a recording.
• The page shows a login screen or an error. It has to be public. We cannot sign in for you, and some sites refuse automated browsers outright.
• The mobile video looks like a squeezed desktop page. Pick Mobile as the device rather than a tall aspect ratio on Desktop, so the site serves its phone layout. See recording the mobile version.