Scrollywood
Chrome extension that records smooth scroll videos of any webpage. One click, perfect scroll, downloadable WebM.
Features
One-click recording
Set duration, click Action. The page scrolls smoothly while recording at 30-60fps.
Scrollytelling support
Smooth linear scrolling triggers IntersectionObserver naturally, so scrollytelling animations play perfectly.
Iframe-aware
Handles iframe-wrapped pages automatically, scrolling the inner frame when the outer frame is just a wrapper.
Smart overflow detection
Finds scrollable content even when pages use overflow:hidden, custom scroll containers, or non-standard layouts.
High quality output
Records at 16Mbps with VP9 codec for crisp, smooth WebM video files.
Stop anytime
Reopen the popup during recording to stop early. Auto-stops when scrolling completes.
Installation
Download
Download scrollywood-v1.0.zip from the link above and unzip it
Load in Chrome
Go to chrome://extensions, enable Developer Mode, and click "Load unpacked"
Record
Navigate to any page, click the Scrollywood icon, set your duration, and click Action
How it works
Scrollywood uses Chrome's tabCapture API to record the visible tab while programmatically scrolling the page at 60fps. The scroll is smooth and linear, which naturally triggers scroll-based animations (IntersectionObserver, scrollama, GSAP ScrollTrigger) just like manual scrolling would.
The extension uses Manifest V3's offscreen document pattern: the service worker orchestrates capture and scroll injection, while an offscreen document provides the DOM context needed for MediaRecorder. This architecture lets it record arbitrarily long pages without the 30-second service worker timeout limitation.
Requirements
- Google Chrome (Manifest V3)
- Keep the tab active/focused during recording