01
Cinematic website prompts
Websites that
move like film.
Scroll-driven, WebGL-lit sections you build by pasting one prompt into Claude, Cursor or v0. Every layer is built as working code first, then run back through those same models and scored, so you know what you will actually get.
Prompt and sourceTested on real modelsCommercial use
How a layer is made
Built first. Turned into a prompt second.
Most prompt libraries are written the other way round: someone writes a description of a site that has never been built, sells it, and leaves you to find out what your model does with it. That is the part we invert.
02
So each layer starts as a real build: a scroll timeline, a lit 3D scene, a shader, running at sixty frames on a mid-range phone.
Scroll timelineWebGL sceneShader background
03
The prompt is derived from that build, then run cold through two models and scored against the original until it holds.
Motion specShader inlinedFidelity score
04
You get the prompt, the source, and the right to ship it in client work.
The standard, already running
Motion is the new part. The discipline is not.
These three sections were built before the cinematic direction, so they are quiet rather than showy. They are here because they set the bar every motion layer has to clear: responsive, keyboard-operable, token-driven, and readable with animation switched off. Open any of them and check.
Build standard
Signal Arc
Hero with an interactive proof panel
Tabbed metric switcher built on the ARIA tabs pattern, so it works from the keyboard and reads correctly to a screen reader.
Open the live sectionBuild standard
Proof Ledger
Results section, light and dark
The chart is a real HTML table. Nothing depends on colour alone, and the accessible version is the only version.
Open the live sectionBuild standard
Studio Current
Narrative project sequence
A three-step scroll sequence where each step stands on its own, with motion that degrades cleanly under reduced-motion.
Open the live sectionEarly access
Get the first layers
The first cinematic layers are being built now. Leaving your address costs nothing, commits you to nothing, and puts you in front of them before they are public.
What a layer ships with
- A working section, not a description of one
- The prompt, with the motion spec and shader written in
- A fidelity score per model, so you know what to expect
- Source on the tier that includes it
- Commercial rights, including client work
Where this stands. The library is being built and nothing is on sale yet. There is no price on this page, no payment details are collected, and nothing is owed. When pricing is set, the people on this list hear it first.