Beautiful motion, ready to take home

A real Navier-Stokes fluid solved on the GPU: colored dye constantly stirred into curls and glowing with bloom. It flows on its own, and dragging the pointer stirs it by hand. Made for hero and full-screen backgrounds.

WebGL 2

A dark mobile-app site: three phones drawn in JSX float in front of track lines, followed by a bento of features, a four-screen gallery, ratings and reviews, pricing and FAQ. No store badges, no screenshots.

MotionCSSSVG

A deep indigo night, neon outlines and glow, uppercase display type, and a striped-sun horizon with a perspective grid. Switch to cyberpunk for yellow paper, ink-black type, square corners and hard shadows. For music, games, events and bold developer-tool landing pages.

CSS

A slowly turning dot-matrix globe with glowing city markers and arcs flying between continents. Drag to spin it. Made for hero sections about reach and networks.

WebGL

The stage stays pinned while the section scrolls, and four chapters change with scroll progress: copy rises and falls away, the counter rolls, and 24 dots regroup from a scatter into streams, a traced ring and finally a bar chart. Scrolling back plays it in reverse, with an adjustable catch-up lag.

SVG

An industrial product-company site: announcement bar, a hero with a vector-drawn product, client wordmarks, switchable feature tabs, counting stats, product cards, reviews, service plans and an FAQ, closing on a bold quote block.

MotionSVG