Five ways for a page to move.
Every animated page on this site is a working sample. Scroll through them, then tell us which one, or which mix, you want for your own website. Each follows any colour palette and works in light and dark, like the switcher in the header.
Style 01
Particle morph
Home pageNinety thousand particles reshape into the things you make, chapter by chapter, with camera moves and a portrait made of points at the end.
- Suits
- Brand-forward home pages, launches
- Weight
- Heavier · WebGL
- Built with
- Three.js shaders
Style 02
Cinematic instrument
How we buildA precise 3D object assembles itself, the camera tracks it like a film, and the page drops into a night phase for the key chapters.
- Suits
- Process, methodology, premium services
- Weight
- Heavier · WebGL
- Built with
- Three.js, depth of field, bloom
Style 03
Monoliths
ProductsYour product’s screens stand as lit glass monoliths. The camera walks past each one, then they lock together into a single wall.
- Suits
- Product suites, SaaS, app showcases
- Weight
- Heavier · WebGL
- Built with
- Three.js, mirror floor, bloom
Style 04
Draughtsman
ServicesA brass drafting arm inks each offer onto its own sheet, a wash and a hand-lettered note follow, and the finished sheets stack up beside the board.
- Suits
- Services, engineering, B2B offers
- Weight
- Heavier · WebGL
- Built with
- Three.js, live canvas ink
Style 05
Event horizon
ShowcaseA black hole ray-traced in real time: light bent around the shadow, a glowing disk lifted into a halo, and a camera that falls in, skims the disk and orbits the photon sphere.
- Suits
- Launches, campaigns, immersive brand pages
- Weight
- Heaviest · adapts resolution
- Built with
- A per-pixel ray tracer in a shader
Want one of these on your site?
Tell us the style and what your company sells. We will adapt the objects and the story to your product, in your colours, and it ships with a lighter version for phones and for visitors who turn motion off.