6 posts

How animated websites are built

We build animated website templates, and these are the notes from the bench. Each post explains one technique or one decision, using code and numbers from our own demos, and links the templates that show it.

  1. · 4 min read

    Take-apart 3D: building exploded views procedurally in three.js

    One number takes a whole 3D machine apart. How a robot arm, a keyboard and an espresso machine explode in three.js without a modeling file.

    Read the post →
  2. · 4 min read

    What 429 animated demos taught us

    We scanned 429 live animated demos. Size, video, WebGL, reduced motion and pause controls, and what each number means if you build one.

    Read the post →
  3. · 5 min read

    How we ray trace a diamond in a fragment shader

    A diamond as a stack of planes, one ray per pixel, six internal bounces and color split at the exit. How the Wren & Halloway demo works.

    Read the post →
  4. · 5 min read

    A year of sunlight in six seconds

    How the Sunward demo adds a year of shadow passes into a half-float lightmap, colors it, and reads a kWh estimate for each solar panel.

    Read the post →
  5. · 5 min read

    MCP goes stateless: what the 2026-07-28 spec means for remote servers

    The 2026-07-28 MCP revision removes sessions and the initialize handshake. What changed, what it means for remote servers, and where ours stands.

    Read the post →
  6. · 4 min read

    The design skills we use to build templates

    Four open source agent skills we use for template work: taste-skill, GSAP, Motion and UI UX Pro Max. What each does and how we vet one.

    Read the post →

We use essential cookies to keep you signed in, a referral cookie only if you arrive through a partner link, and cookie-free analytics. No ads, no tracking. Cookie Policy