Skip to content

Scroll Studio

Scroll Studio

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

Get started See the examples Showcase

Every image and video is made with open models on your machine (Z-Image, Qwen-Image-Edit, LTX-2.3, Wan 2.2, SeedVR2, Blender). The output is plain HTML, CSS and JS you can host anywhere. Bring your own photos, footage, 3D models, logo and copy, or a brief. The examples show what each scene does; they are not templates.

What it makes

  • Scenes

    One camera take through a whole page, cinemagraphs, light from dawn to night, a fly-through of your product's 3D model, miniature worlds, maps, charts, live 3D.

    Scenes

  • Styles

    32 page experiences, one word to switch: zoetrope, stop-motion, paint on glass, pop-up book, Spider-Verse smears, and film cuts between any two sections.

    Style gallery · Style research

  • Workflow

    Six art directions from one brief, a storyboard before any render, a polish report on every film, and Claude driving it all through MCP.

    Make a site

  • Reference

    Every site.yaml field, every studio command and every MCP tool, generated from the engine so it cannot drift.

    Reference

The one-take page: a farmhouse hearth room Cinemagraphs: a hotel where only one thing moves
The one-take page Cinemagraphs
Light as the scroll: a harbour at blue hour Inside the product: the Framework mainboard fan
Light as the scroll Inside the product
Miniature worlds: a tilt-shift harbour Film cuts: a ring logo becomes the sun
Miniature worlds Film cuts

Find your way

Need Start here
Set up Install · Quick start
Make a site Guide: direction boards, storyboards, client copy decks, trailers, Claude
What it can make Scenes · Styles · Examples
Look something up site.yaml · Command line · MCP tools
How it works Architecture · Roadmap
Contribute How to contribute · Build the docs
Releases What's new · Changelog

Licence

Free software under the GNU AGPL-3.0 with additional terms (notice): 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 the licence page.