01 / 12
● Scroll-cinema websites / Taught start to finish
The Blueprint Premium: scroll-cinema websites, taught start to finish
Learn to build websites where the scrollbar drives the camera. The engine, the AI footage pipeline, the prompts and the files behind OSCILLA, EMBER, VANTA and RIFT.
Most websites describe the product. Ours take it apart. One short clip, rendered once, decoded into frames and painted to a canvas in lock-step with your scroll. The page becomes the camera and the visitor is holding it. The Blueprint teaches every piece of it.
4Acts per site
5Source assets
1Engine
(02)The engine
Keep scrolling. This is the four-act choreography behind OSCILLA, VANTA and RIFT, built here in code and rendered live.
Act
DisassemblyReassemblyRotationDetail
Rendered live · WebGL
The teardown clip plays forward. Start frame is the hero still, end frame is the exploded still. Two frames make a transformation reliable.
Clip · Teardown · Forward · 5sThe same frames, played backward. Reassembly costs zero extra generation.
Clip · Teardown · Reversed · FreeOne start frame and no end frame. That's what gives the model a clean, constant-speed orbit instead of a stall.
Clip · Orbit · Start frame onlyA slow macro push-in to the signature part. Reverse it and the zoom-back-out finale is free too.
Clip · Macro · Push-inScroll-scrubbed product filmGSAP + Lenis choreographyAI footage pipelinesCapture-to-canvas engine
Five things, all inside the Discord. This site sells. Discord delivers.
01
The Engine Series
The scroll-frame engine, taught line by line. Capture once, paint from memory, cache in IndexedDB. Real repo code, copy-paste ready.
Video + code02
Six Site PDFs
Six sites from the reels, broken down start to finish, so you can see every decision behind them.
PDF03
The Prompt Vault
The prompts behind the footage. Hero stills, exploded stills, teardowns, orbits and macros, with model, settings and negatives.
Prompts04
Template Files
The frame stage, the assets file and the section components. Drop in your clips and a new product ships.
Files05
The Room
Post your build, get direct feedback. Whop hands you the Premium role the moment checkout clears.
Discord
Two stills and three clips feed the whole site. Generate at 1080p to test the motion, then Topaz-upscale only the keeper to 2160p.
01Nano Banana
Hero still
The whole product, centered, small in frame, one key light. Enhance off.
02Nano Banana
Exploded still
Reference is the hero. The exact same object, parts apart, room to breathe.
03Kling 3.0
Teardown
Start frame hero, end frame exploded. Two frames make it reliable.
04Kling 3.0
Start onlyOrbit
Start frame only. No end frame is what keeps the camera clean.
05Kling 3.0
Push-inMacro
Slow push-in to the signature detail. Reverse it for the finale.
Topaz 2160pThe engineYour site
- 01Enhance off, always.
- 02Two frames for a transformation. One for a camera move.
- 03One motion per clip.
- 04Lock the camera and the light in words.
- 05Generous negative space, decided at the first still.
- 06Test at 1080p. Upscale only the keeper.
Every product site from the reels runs the same engine and the same five-asset pipeline. Each accent is sampled from the light in its own footage.
02 / 12
03 / 12
04 / 12
05 / 12
06 / 12
07 / 12
08 / 12
09 / 12
10 / 12
11 / 12
12 / 12
01 / 12Scroll
Access pass
Member
Premium
Monthly
$20.00
$20/ month
Cancel anytime
- The Engine Series, with the repo code
- Six Site PDFs
- The Prompt Vault
- Template files
- Direct feedback in the Discord
Checkout runs on Whop. It handles payment and your Discord role. Cancel from your Whop account anytime.
01
Pay on Whop
Whop handles the payment, the receipt and the subscription.
02
The room opens
Whop assigns the Premium role in Discord the moment checkout clears.
03
Start with the Engine
Everything is inside. Post your first build when it moves.
This is for you if
- You already sell websites and want a signature move nobody local can match.
- You'd rather own the engine than rent a template.
- You'll generate your own footage with Higgsfield or a similar stack.
- You want notes on your build, not a certificate.
Skip it if
- You want drag-and-drop with no code editor open.
- You're after a course to watch instead of a build to ship.
- You need a guarantee before you'll try anything.
Both, in one place. The Engine Series, the Site PDFs, the Prompt Vault and the template files live inside the Discord, next to direct feedback on your build.
Some. The engine is a React component and the sites are Next.js projects. You need to be comfortable pasting code and changing values. You don't need to write it from scratch, that's what the files are for.
A code editor, Higgsfield for the footage (Nano Banana for stills, Kling 3.0 for clips) and Topaz for the 4K upscales. Those subscriptions are separate and yours.
Two stills and three clips, then upscales. A typical product is about two image batches, three 1080p video generations and three Topaz upscales. Reversed clips are free, so the reassembly and the zoom-out cost nothing.
Yes. The techniques and files are there to be shipped on client work under your own name. Don't resell or redistribute the files themselves.
From your Whop account, anytime. No emails, no calls. Your Discord role follows the subscription.
The engine, the footage pipeline, the prompts and the files. Twenty dollars a month.