01 Three.js
Scene, perspective camera, textured planes, fog. Every panel you passed is a live screenshot mapped onto a plane in world space.
// THE LAB
Scroll is
the camera.
This page is one WebGL scene. You are not scrolling a document, you are scrubbing a camera down a corridor. Every panel floating ahead is a real business we built for. Keep going.
SCRUB
// 01 · WATER TREATMENT · WOOSTER OH
Vista Water
Twenty years of local water treatment, rebuilt around one action: the free water test. Editorial navy, a live before/after report in the hero, service pages for five counties.
20 years local · 500+ systems installed
vistawater.com// 02 · HANDMADE TREATS · WADSWORTH OH
Treats and Trinkets
A one-woman treat shop with a full order builder. Customers pick items, flavors and dates, prices update as they go, and Amy confirms every order herself.
Custom order flow · pickup and local delivery
treatsandtrinkets.net// 03 · MEMBER NETWORK · WOOSTER OH
Wooster Entrepreneurs United
A membership network for local owners with a real directory, guides, software access and a member portal. Clean Swiss layout, one green, nothing loud but the point.
Directory · guides · member software
woostereu.com// 04 · RESTAURANT TECH · WOOSTER OH
Seared
Commission-free ordering, branded apps and marketing for independent restaurants. The platform behind it has powered real online sales for local restaurants since 2018.
$10M+ in online sales powered
seared.io// END OF CORRIDOR
Client sites don't get this treatment.
They get fast.
This page is the lab. The sites you just flew past load in under a second, rank locally, and drive one action each. That is the actual product. The 3D is just proof we can.
// HOW THIS PAGE WORKS
Four parts, one file
02 ScrollTrigger
Your scrollbar becomes a 0 to 1 progress value. That one number drives the camera and fades each stop in and out.
03 GLSL shader
The dust field is thousands of points moved per frame by a vertex shader on your GPU. The CPU never touches them after setup.
04 Vanilla stack
No framework, no build step, custom HTML, CSS and JS. Even the contact forms on these client sites run on our own backend, Scroll Theory Forms.
// YOUR TURN
How does your site score?
The sites in the corridor all pass the same test we grade every site against: speed, mobile, SEO basics, and whether it actually drives an action. Run yours through the free grader and see where it lands.
Grade my site