19 ON ONE PAGE · PLUS ARCHIVE

Animation library

Every animation built so far, in one place. They all make the same argument — one website does almost nothing; twelve AI services stacked on it multiply the business — and each makes it a different way. All pure CSS and SVG. No video files, no libraries.

Every number in here is a placeholder. 4 → 47 leads, 1 → 12 jobs, $2,400 → $8,900, 3.7×. I invented them so the motion reads. Send real client averages before any of this goes on a public page — invented performance figures on a marketing site are a liability.
00

The System

NewestProduct-page quality

Full-bleed black, huge type, film grain. Twelve glass layers assemble onto the website, the whole machine separates so you see every part, then closes. Triggers when you scroll to it, then plays on its own — you are not dragging it with the scrollbar.

Open →
—The bar everything else should be rebuilt to
01

All Nineteen

19 animationsStart here

Every animation on one page — no clicking into sets. Nineteen different visual approaches to the same message, all playing side by side.

Open →
01The Stack02The Snowball03The Phone04The Week05The Chain Reaction06The Split07The Mountain08The Line09The Core10The 24 Hours11The System12The Funnel13The Radar14The Ledger15The Pulse16The Vault17The Switchboard18The Ripple19The Night Shift
02

The Snowball Engine

2 animations

The first rebuild after the photo-with-labels approach was scrapped. Real 3D layers that assemble, come apart and snap back, plus a cut through the business showing what runs under the shopfront.

Open →
01The Snowball Engine02Under the Counter
03

Animation Lab

31 animationsSuperseded

The first big batch — eleven motion concepts plus ten exploded-view and ten section-cut variants built on photoreal renders. Kept for reference, but the exploded views here are photographs with labels drawn on: nothing actually comes apart. 2.2 MB, slow to load.

Open →
01The Snowball02The Flywheel 03The Orbit04The Compound Curve 05The Cascade06The Web 07The Gear Train08The Teardown 09The X-Ray10The Circuit 11The Section Cut+20 variants

If you want my pick

From Ten Directions, three are worth taking further, and they do different jobs:

  1. 06The Split — two identical businesses over twelve months. The most persuasive of the lot and the easiest to defend once the numbers are real. Belongs on the comparison pages.
  2. 03The Phone — a contractor sees their own screen filling up, including the 11pm and 2am leads. The most relatable. Belongs on the homepage.
  3. 05The Chain Reaction — the only one that shows the loop actually closing and the next round starting with three visitors instead of one. That is the snowball; nothing else here depicts it.

Served from /opt/static/animations on the Hetzner box behind Caddy. Not linked from anywhere, and noindex,nofollow,noarchive on every page. Add a page by dropping the file in that folder — no Caddy reload needed.