Design toolkit
Animation Showcase
Each animation on its own full-width page. White backgrounds — designed to sit behind content and text.
Murmuration
Starling flock — Boids AI. Mouse attracts with orbital swirl.
View → 💧Water Ripple
Concentric circles from mouse. Auto-spawns ambient ripples.
View → 🌾Grass Wind
250 curved blades, varied heights. Mouse shifts wind direction.
View → ✨Drifting Particles
Dandelion seeds and dust motes. 3 particle types. Mouse creates wind.
View → 👕Laundry Line
Multiple clotheslines with varied sheets. Mouse pushes wind.
View → 🔤Rolling Text
"airflow" letters break off and blow away one by one. Click to replay.
View → 🌀Tumbleweed
3 size classes rolling across. Larger = slower. Click to spawn.
View → 🔲Labyrinth Maze
Semi-circular maze. Guide the ball to the centre. Tilt with mouse/gyroscope.
View → 🫧Wobble Frames
CSS blob-morphing borders on image frames. Mouse controls speed.
View → 🌊Fluid Particles
Reference: CodePen fluid effect. Mouse-attracted particle system. Future build.
View →