Guide
How to make a scrolling website video (smooth, 60 fps, free)
October 16, 2026 · 5 min read
A scrolling video is the quickest way to show a whole website in a few seconds: the hero, the sections, the footer, and the animations that play on the way down. Designers put one in their portfolio, agencies send one with a client handover, founders post one on launch day. Recording it by hand usually gives you a jumpy screen recording. Here's how to get a smooth, 60 fps scroll of the real page without touching the mouse wheel.
How it works
01
Paste a link
Any public page
02
Load the preview
The real site, animations included
03
Set motion and stops
Nothing is rendered yet
04
Download the MP4
Recorded frame by frame
Nothing is rendered until you download, so change the settings as often as you like first.
Step by step
- 1Paste the link. Open Website Scroll, paste the address of a public page and press
Load. The real page appears in the preview, moving with its own scroll animations. - 2Pick the format. 16:9 in 1080p or 4K for a portfolio or a YouTube video, 9:16 (1080×1920) for Shorts, Reels and TikTok, or 1:1 square for a feed post. Then 60 or 30 fps.
- 3Set the motion. Choose the curve —
Smootheases in and out,Linearkeeps a constant speed like a screen recording — and a speed from 250 to 2000 px per second. - 4Add holds. Keep the frame still for up to 3 seconds at the top and at the end, so the hero has time to land and the video doesn't stop mid-move.
- 5Choose where it stops. No pauses, a pause at each section, evenly spaced stops (1 to 8), or your own spots. Each pause lasts 0.3 to 3 seconds.
- 6Check and download. Drag the playhead along the timeline to check the moments that matter, then press
Download MP4.
Smooth or Linear?
Portfolio · showreel · launch
Smooth
Eases in and out of every move, so the video feels edited rather than recorded.
Walkthrough · client handover
Linear
A constant speed, like a screen recording. Easier to follow when someone reads along.
Speed is the other half. Slower gives each section more screen time; faster fits a long page into a short clip. The longest clip can be anything from 5 to 30 seconds, and a page that doesn't fit is cut at that length — so either raise the speed or make sure the video ends on a section that makes sense.
Which pauses for which job
| What it does | Use it for | |
|---|---|---|
| None | One continuous scroll, top to bottom | Short pages, a background loop in a showreel |
| At each section | Stops at every section of the page | Client handovers, where every block should be seen |
| Evenly, 1–8 stops | Spreads the stops along the page | Long pages without clear sections |
| Your own spots | Stops where you drop a marker or press Stop on this frame | Launch posts that should land on a feature, the pricing or the sign-up |
60 fps or 30 fps?
At the same speed, twice the frames means each step of the scroll is half as big — that's what keeps fast scrolls smooth. 30 fps is fine for slow scrolls, or to match a 30 fps edit.
Why it's smoother than a screen recording
A screen recording keeps whatever your computer managed to draw. If the browser stutters on a heavy section, or the recorder falls behind, the stutter ends up in the video. Website Scroll works differently: our server opens the page in a real (headless) Chrome and records it frame by frame under a controlled clock. No frame is dropped, so the MP4 is smooth at 60 fps however fast or slow your internet is.
For when a screen recorder is still the better tool, see our comparison of screen recording vs a website scroll video. Posting to TikTok, Reels or Shorts? The vertical guide has the settings that read on a phone.
Before you start
Works well
- Public pages — landing pages, portfolios, shops, blogs.
- Sites with scroll animations: they play in the preview and in the video.
- Pages you want in 4K or vertical without re-editing anything.
Won't work, or works slowly
- Anything behind a login — dashboards, admin panels, private staging sites.
- Sites with bot walls that block automated browsers.
- Heavy WebGL and 3D sites — they can be slow to record.
Questions
Is it really free?
Yes — free, with no watermark and no sign-up.
Can I record a page that needs a login?
No. Website Scroll only opens public pages. For a logged-in dashboard or a site on localhost, a screen recorder such as OBS Studio is the better tool.
Will the site's animations show up?
Yes. The real page is loaded, so scroll-triggered animations play in the preview and in the downloaded video. Very heavy WebGL or 3D pages can be slow.
How long can the video be?
Up to 30 seconds — you set the longest clip anywhere from 5 to 30. Longer pages are cut at that length, so raise the speed if you want the footer in.
Can I get a full-page screenshot instead?
Yes. Download PNG saves the whole page as one tall image. Need it as JPG, WebP or PDF? The File Converter converts it in your browser.
What format is the video?
MP4 (H.264) at 60 or 30 fps, so it opens in Premiere Pro, DaVinci Resolve, Final Cut Pro, CapCut and on any phone.
Try it now
Website Scroll