Scroll Studio

An open-source design studio for scroll-driven landing pages. One YAML file in, a finished site out, made on your own machine with no API keys.

See it live → Every example, built by this engine, on one page. Scroll it.

Try it on a laptop → No GPU needed: pip install -e ., then studio new my-site --laptop.

New in 1.5: your brand from a link, pictures in one medium, the pointer as a light or a lens, and studio remake <url>. What's new →

Showcase · Get started · Docs · Examples · Releases · Changelog

The heavy scenes (generated film and images) are made with open models on your own GPU (Z-Image, Qwen-Image-Edit, LTX-2.3, Wan 2.2, SeedVR2, Blender); photo parallax, kinetic type, maps, data, code, live 3D and every style need no GPU. The output is plain HTML, CSS and JS you can host anywhere. The examples show what each scene does; they are not templates. Bring your own photos, footage, 3D models, logo and copy, or a brief.

See the scenes · one take, cinemagraphs, light, inside the product, miniature worlds, film cuts

The one-take page	Cinemagraphs
Light as the scroll	Inside the product
Miniature worlds	Film cuts
Type in the world	Direction boards

git clone https://github.com/Okohedeki/scroll-studio && cd scroll-studio
pip install -e .
studio doctor                         # what this machine can build
studio build examples/cellwright-bio  # live 3D: needs nothing but Python
studio preview cellwright-bio         # http://localhost:5173
studio ui                             # the Studio app: http://localhost:5180

No GPU? Try it on a laptop: studio new my-site --laptop makes a site that builds without ComfyUI or Blender, and studio remake <url> --no-gpu turns a live page into one.

Full setup (GPU, Blender, ComfyUI and the models) is in docs/INSTALL.md.

Open the repo in Claude Code and ask for a site. The scroll-studio MCP server (.mcp.json) gives Claude every engine tool, and the scroll-site skill gives it the workflow. Or paste this into any coding agent:

Install Scroll Studio on this machine and build one of its examples, following
https://github.com/Okohedeki/scroll-studio/blob/main/docs/INSTALL.md

studio new my-site                 # a starter site.yaml
studio remake https://example.com/ # or start from a live landing page, told as a scroll site
studio directions my-site          # six art directions; --pick one
studio storyboard my-site --edit   # sketches, stills and an animatic before any video render
studio build my-site               # cached stage by stage: change one thing, rebuild one thing
studio inspect my-site             # pops, softness, halos and drift in every film
studio publish my-site --out site  # one static folder for GitHub Pages or any host

Free software under the GNU AGPL-3.0 with additional terms (NOTICE.md): derivatives stay open source and keep the attribution word for word, and sites you build are yours to license however you like. Model weights keep their own licences. Details in docs/licence.md; AI agents, see AGENTS.md.