Gradient meshes, noise and ambient depth.
10 effects
Featured medium A full-screen fragment shader folds three ribbons of aurora colour through layered fbm noise above a dark horizon, lets the pointer bend the curtains with a lagged lens, adds grain and a vignette; a CSS gradient stands in without WebGL or with reduced motion.
medium One incense stick in a glazed bowl of ash on ivory paper. A thin smoke ribbon rises straight from the ember, curls into turbulence and fades; move the pointer near it and your breath bends it. Six blends.
medium Full-screen crushed velvet shaded fibre by fibre. Drag across it and the pile flips along your stroke, leaving lighter or darker trails that slowly lie back down. Eight colourways, light-first.
light A guided-breathing hero: a soft orb of light and three halo rings swell from scale 0.82 to 1.06 over 4s, rest 1s, then settle back (sine.inOut yoyo), each ring lagging a beat; the cue word crossfades Inhale, Hold, Exhale.
light A skincare hero where an amber serum, a stone jar, a lime tube, a droplet and two pebbles drift 18px on 6s sine yoyo loops, each offset by 30% of a cycle and tilting on its own period while their floor shadows shrink as they rise.
medium A full-bleed topographic map drawn in one fragment shader: a slowly drifting fractal terrain traced as pixel-perfect contour lines with thicker index contours, an optional elevation tint, and a soft hill that rises under the pointer in the accent colour.
light A DPR-aware canvas grid of hairline dots that the pointer pushes outward and lights up within a soft radius; each dot springs back with a damped overshoot while a slow idle wave keeps the field breathing, and the loop pauses off-screen.
light The classic constellation: a canvas of slowly wandering points that draw a line to every neighbour within reach, fading with distance and tinted by the accent, with the pointer acting as an extra node; reduced motion gets one static frame.
light Three canvas layers of stars at different depths drift slowly across a sticky sky, slide under the pointer with depth-weighted parallax, rise as you scroll, and every few seconds a shooting star streaks through the near layer.
medium A full-screen fragment shader blends four drifting colour fields through domain-warped simplex noise, adds animated film grain and a soft vignette, and lets the pointer gently pull the warp; a CSS gradient stands in when WebGL or motion is unavailable.
No effects match these filters.
Try “pinned”, “SplitText”, “WebGL”, “cursor”…