Pila Web Co. · motion reference

Motion templates

Reference builds for motion-heavy websites. One full site, and a set of 3D scroll pieces where each industry gets its own look, layout, speed and colour, plus one that plays like a video game. Every business, price and name here is made up.

Full websites

Renovation · one page

Plumbline

Every section a service business needs: hero, services, add-ons, process, work, plans, about, FAQ, quote form.

Drafting paperMany small motionsOpen → Renovation · 3D

Room by room

The first 3D piece: five rooms build themselves material by material on a U-shaped track.

RealisticU-curveOpen →

Motion websites

Twelve complete one-page sites built on GSAP, Lenis smooth scroll and Vanta backgrounds, each with its own look and its own signature moves. They share one kit in kit/, switched on with data attributes.

Remixes

Five more sites made by mixing the looks and motion of the twelve above, each for a new kind of business, each with one new trick of its own.

3D scroll scenes

Player mode

No long scroll. One stage that stays put: press Show me to watch a build play, drag the slider to scrub it, and slide between builds with the style bar, the arrows, a swipe or the arrow keys. Play all tours every build in turn.

Construction · timelapse

Ironbridge Construction

Four sites from bare dirt to handover: the sun sweeps the sky, cranes swing, crews move, and the scaffold comes down at the end.

TimelapsePlayerDay counterOpen → Renovation · player mode

Northline Renovations

A room showroom: kitchen, bathroom, living room, bedroom, home office and mudroom. Pick one and watch it built.

RealisticPlayerSwipeOpen →

Every 3D scene above runs this way too. Open it with ?mode=player:

Plug and play

Every scene page is one window.SCENES config plus the shared engine in engine/. Switch look, layout, assembly, speed, quality, saturation and hud to restyle any of them; swap the scenes for a new industry. The README lists every option.