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, hand-coded 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