Lab · Playground

Lab

The systems behind every motion on this site, now in your hands. Drag, tune, break and rebuild; every experiment you like can be built for your brand.

6 live experimentsDrag · tune · playThe site's real dataMade for your brand
← drag →
Colour
Wings
01Live · Home

Grain Bird

An animated 3D eagle baked to 9,000 surface samples across 16 wing-beat frames; the GPU spreads them into hundreds of thousands of grains. The very bird that flies with scroll on the home page.

For your brand

Your logo, mascot or product as a living hero made of grains: it moves with scroll and responds to visitors.

  • WebGL2
  • Half-float bake
  • GPGPU
Build this for my brand
← drag →
View
02Live · Home

Hologram Bust

A 120,000-point 3D scan; on the home page the bird's grains become this face. A scan line that reads depth lights the surface.

For your brand

An interactive hologram from a 3D scan of a founder, product or space: for a landing page, a trade-show screen or a launch.

  • Point cloud
  • 3D scan
  • Depth
Build this for my brand
move the pointer
03Live · AI Systems

Brand Brain

Brand memory as a brain of beads: voice, palette, banned phrases and patterns settle into their own regions. The surface ripples like liquid.

For your brand

An AI memory that learns your brand's rules, and a living visual that explains it: your team, agency or investors get the system at a glance.

  • AI memory
  • Canvas 2D
  • Spring physics
Build this for my brand
scrub the timeline
04Live · Home

The Gate

Code characters gather into an X, the X opens into a portal and the camera dives into a tunnel. On the home page scroll drives the scene; here the timeline is yours.

For your brand

A story played by scrolling: a transition that pulls visitors in for a product launch, a campaign or a brand manifesto.

  • Simulation
  • Scroll timeline
  • Voxel tunnel
Build this for my brand
← spin →
05Live · Selected Work

Work Helix

Selected work as glass cards turning on a helix of grains. On the home page scroll turns the helix and tapping a card opens the project into its own world.

For your brand

A 3D showcase to browse a product catalogue, a collection or a portfolio: every card opens into its own scene.

  • Instancing
  • Scroll pin
  • Glass material
Build this for my brand
lowp · 16-bit indices← drag →
Precision
06Solved · Oct 2026

Mobile GPU Forensics

On a phone with a Mali GPU the bird fell apart into a shapeless cloud. An on-device diagnostic readout found it: textures were read at low precision and indices above 2048 drifted. Flip the bug on and off yourself.

For your brand

Everything experimental is tested and fixed on real devices: striking visuals that also work on your customer's phone.

  • On-device diagnostics
  • GLSL precision
  • Mali-G610
Build this for my brand

The bird and the bust are read from the same files the home stage uploads to the GPU: what you play with here is the system itself, not a mock-up.

What's your experiment?

A hero for your brand, a product launch or an interaction nobody has seen yet. Bring the idea; we'll prototype it together.

Tell me about your project