Animated React components with zero dependencies: text effects, living backgrounds, tilt cards, cursors and loaders.
An analog gauge whose needle swings and settles on its value, with a printed dial and a red zone.
Text drawn with ASCII characters. A lens around the cursor magnifies, rotates and scrambles them.
A WebGL background of slowly rippling aurora curtains, in your own colors.
A six-cell bento grid with a light that jumps between cells, following the cursor (or on its own), and spills onto its neighbors.
A number whose digits roll to the new value with vertical motion blur, one after another.
A beam of light with a tail, a bright head and a halo that travels around the outline of any content at constant speed.
A deck of cards you shuffle by dragging the top one: inertia, rotation and a spring back to the bottom. Also works with click and keyboard.
Liquid chrome letters whose reflection follows the cursor.
Fine rays that burst out where you click: they travel outward, detach from their origin and leave a ring and tiny sparks.
Columns of real JSX and TypeScript snippets falling across three depth planes, with a glowing head and syntax highlighting.
A button that fires physical confetti: paper pieces that spin in 3D, fall with air drag and flutter.
A copy button where the icon outline morphs into a checkmark with a stroke and spring morph. It really copies the text with navigator.clipboard (with a fallback).
Album covers in perspective with reflections: the center one faces you and the rest fan out. Arrows, drag with inertia, click and keyboard.
A precision crosshair: edge-to-edge lines with a center gap, rulers with tick marks along the edges and live monospace coordinates.
Text that appears by deciphering itself: random characters settle into place letter by letter.
A relief of waves drawn with one-bit Bayer ordered dithering. The cursor leaves expanding rings.
A bar of icons that magnify under the cursor, on glass.
A button that narrows into a progress bar, advances at an uneven pace like a real network, and ends in a checkmark. With href, it really downloads the file.
A slider (role slider, full keyboard support) that stretches like rubber when dragged past its limits and snaps back with a bounce; the track squashes to preserve volume.
Arcs of electricity that snake around the border, with local discharges, sparks and a flickering glow.
Fireflies that drift at three depths and blink with a warm glow; they curiously approach the cursor and circle it.
A cardboard folder that opens on hover and lets its documents peek out with a soft bounce.
A spiral galaxy of tens of thousands of particles with a glowing core that rotates slowly; the cursor tilts the view.
Blobs of color floating behind a sheet of frosted glass.
A liquid-glass button that refracts the background behind it.
Liquid glass with refraction, a specular edge and a reflection that follows the cursor.
A glass segmented control with a lens that slides between options.
A dark button with a glint that sweeps across it every so often and on hover, lighting up the fill, the border and the text at once.
Gold foil text with relief and a specular glint as you move the cursor.
A translucent jelly cursor with a specular highlight: it drags droplets behind it that stretch into a trail and melt back into it when you stop.
Accessible tabs whose selection is a blob of liquid: it stretches toward the new tab, thins at the neck and merges when it arrives.
A mesh gradient that floats and blends, with fine film grain; the cursor pulls on one of the blobs.
A headline whose letters get swept away by the cursor's wind like leaves, then spring back into place.
A print-style halftone with two overprinted inks: the dots grow and shrink with a flowing field and with the cursor.
Press and hold to confirm: a ring fills, the button shakes more and more, and it vibrates on completion. Works with mouse, touch or keyboard.
A card with 3D tilt and an iridescent holographic foil that follows the cursor.
A holographic background: an iridescent film, a fine diffraction grating and a sheen that shift with the cursor's angle.
Drops of ink that bloom in dark water with swirls and tendrils, one after another in a cycle. Tap to drop one; move the cursor to stir the water.
A glossy ink trail that follows the cursor, widens as if bleeding into paper, and frays into strands until it fades away.
A lava lamp with glass and warm light: the wax rises, stretches, merges with other blobs and splits apart. Your cursor warms it.
A glass magnifier that enlarges whatever is underneath it.
A chrome surface that ripples and reflects a luminous environment.
A glass flask that fills with liquid.
A grid of dots that part and light up around the cursor, on a spring.
Wrap any element and it gets pulled toward the cursor with spring physics.
Every letter is pulled toward the cursor by a bouncy spring, tinting and growing as it gets close.
A seamless infinite marquee: the cursor slows it down and nudges it with inertia, rows run in opposite directions, and keyboard focus pauses it.
Staggered lines that slide up from behind a mask, like a product launch intro.