01 Capture
One page, beautifully paced.
Record any live URL or local project with smooth motion, a clean viewport, and precise output settings.
Record this way ↓Single page · 1440 × 900
Deio ScrollGitHubLocal website recorder · H.264 MP4
Deio Scroll
Turn a live website into a smooth, polished MP4. Capture one page, compare two websites, or show desktop and mobile together.
Run instantly with npxNode.js 20+
Chromium installs automatically on first run.
Output qualityFast iteration
ϟDraft30 fps · quick◫Standard60 fps · 1×✦Cinematic60 fps · 2×
MotionCapture behavior
Canvas styleFull bleed
Live preview1920 × 1080
Ready to capture
Three recording modes
More than a smooth scroll.
Choose the composition that tells the story best.02 Comparison
Two websites. One synchronized film.
Place two sites side by side, match their scroll progress or speed, and export the comparison as one MP4.
Record this way ↓Side by side · matched progress
03 Responsive
Desktop and mobile, together.
Show how one page adapts across viewports with synchronized desktop and mobile recordings in a single frame.
Record this way ↓Desktop + mobile · synchronized
Direct the same engine
from wherever you work.
Start visually, stay in the terminal, or hand direction to an AI agent. Every route ends with a local MP4.
Website / Visual studioSee the whole take
See the whole take
before you record.
Tune quality and motion, direct scenes, compose comparisons, preview responsive views, and manage every finished recording.
- 01Capture
- 02Comparison
- 03Responsive
- 04Library
CLI / Direct captureFrom URL to MP4
From URL to MP4
in one command.
Pass a public URL, or point Deio Scroll at a project and let it start the local app for you. Choose motion, quality, viewport, exact routes, or combine the whole project into one recording.
Public URLsLocal projectsMulti-pageCombined outputCustom viewportFast mode
Choose how much control you need
URL$ npx deio-scroll example.com
MOTION$ npx deio-scroll example.com --curve ease-in-out --fast
OUTPUT$ npx deio-scroll example.com --quality high --viewport 1920x1080
PROJECT$ npx deio-scroll . --pages /,/features,/pricing
COMBINE$ npx deio-scroll . --all-pages --combine
MCP / Work in progressDescribe the take.
Describe the take.
Let the agent direct.
An AI agent inspects the page first, then builds section holds, cursor movement, gentle zooms, and guarded interactions.
Example direction
“Hold the hero, ease into two major sections, then finish at the bottom.”Read the MCP guide ↗
Input / live pagehttps://your-site.com
Runs hereOutput / local filerecording.mp4
Local by defaultNothing leaves
Nothing leaves
your machine.
Chromium opens the page. Deio Scroll controls the motion. FFmpeg encodes the H.264 MP4. No upload or processing queue in between.