#01
Topographic lines
Contour lines that warp, merge and split on their own. The cursor bulges the field and leaves a wake.
Open full screen · Get the code
#03
Particles · flow field
Thousands of particles riding the invisible currents of a noise field. It never repeats.
Open full screen · Get the code
#09
Tunnel · depth
Rings emerging from the back and rushing past. The cursor shifts the axis and the camera leans.
Open full screen · Get the code
#12
Swarm · flocking
Real boids: separation, alignment and cohesion. Nobody leads, yet they move as one. The cursor guides them.
Open full screen · Get the code
#19
Warp · hyperspeed
A star field accelerating toward you, trails stretching with perspective. The jump to hyperspace, in pure canvas.
Open full screen · Get the code
#24
Card · magnetic tilt
A card that tilts in 3D toward the cursor, with a sheen sweeping its face like a reflection. The base of any premium card.
Open full screen · Get the code
#33
Decoding
Every letter shuffles random glyphs and locks in from left to right, like text being decrypted. Infinite loop, monospaced.
Open full screen · Get the code
#36
Loaders · spinners
Three loaders on one canvas: a spinning arc, bouncing dots and equalizer bars. Ready for loading states.
Open full screen · Get the code
#38
Typewriter
A line of code that types itself, with a blinking caret, then starts over. The classic typewriter, monospaced.
Open full screen · Get the code
#41
Progress donut
A ring that fills and shows the percentage at its center. A clean loader or gauge for KPIs and loading states.
Open full screen · Get the code
#64
Cloud · upload
A soft cumulus built from eleven lobes with a level base, lit from above with a cool underside, drifting with a slow bob. An upload arrow rises across its face and data dots climb into it from below. Cloud, storage, sync, backups. Drag to look at it from any side.
Open full screen · Get the code
#68
Star · rating
A five-star rating in real 3D: domed stars with a soft bevel light up one by one in polished gold, the last one filled only as far as your score, the empty part in dark steel. Below, a label shows the score counting up and the number of reviews. Score and count are strings you edit. Drag 360°.
Open full screen · Get the code