354 animated React components you copy, paste and own: text effects, cursors, WebGL backgrounds, micro-interactions, UI primitives and mascots. Built with Tailwind CSS v4 and shadcn tokens.
Infinite logo loop that eases to a stop on hover, grows the logo under the cursor and fades its edges. Works with any content.
A big heading wiped into view by a feathered mask sweep, with a gradient or photo flowing through the letters.
Animated masonry image grid: tiles fly in with a staggered blur-to-focus, glide to new slots on resize and zoom on hover.
A liquid metaball orb for voice or AI status: it breathes when idle, ripples when listening and churns off droplets when thinking.
Music player card with cover art, a scrubbable progress bar, a morphing play/pause icon and a live equalizer.
Glossy liquid blobs that drift, merge and split, with one that follows your cursor. Raw WebGL.
Liquid chrome flows inside a beveled star, heart, ring or glyph, with reflections that lean toward the cursor. Raw WebGL.
Icons circling a center on concentric rings while glowing meteor streaks race along each orbit.
Shooting stars streak across the container. Pure CSS, SSR-safe.
Three.js studio viewer for a procedural model: physical clearcoat material, soft shadows, drag to orbit, auto-rotate and clamped zoom.
A gradient comet arc orbits with a glowing head while the ring breathes between circle and squircle, around a counter-spinning inner arc and a morphing core.
Slowly drifting plates of dark crust split by white-hot, pulsing cracks of molten metal. WebGL.
A squircle card on a drifting sunrise mesh that greets you by name, rolls a live clock digit by digit and rotates motivational lines.
Range slider whose thumb stretches with drag speed and drips a gooey value bubble while you slide.
Cycles through words that melt into one another through a gooey blur-and-threshold crossfade.
A pill that morphs into a spinning circle while loading, then pops a drawn check on success.
A card grid that springs in with a stagger and, when filtered by tag, shrinks leaving cards away while the rest glide into their new cells.
A grid of tiles that shrink, spin and flash in rolling waves radiating from whichever tile you click.
Site navbar with a hover pill that glides between links and a single dropdown that morphs its size and position between menus.
Fine diagonal lines drift sideways while bright comets of light race along them. Canvas 2D.
A full-width navbar that flows into a floating glass pill as you scroll, with a sliding hover highlight, scroll progress line and an animated mobile menu.
An animated film-grain overlay. Pre-baked canvas frames, so it costs almost nothing to run.
Drop-in 404 section: a huge parallax code with RGB-split glitch bursts, a friendly message and a home button.
An odometer-style number in a squircle window: every digit is a 0-9 strip that rolls to its new value.
iOS-style picker wheel: rows curve around a 3D cylinder, snap into place and respond to wheel, drag, touch and arrow keys.
A glowing iridescent orb whose film of color slides around its rim; it wobbles and brightens when hovered. WebGL.
A glowing gradient orb drifts inside the button and swells to chase the pointer on hover.
Photos circle a tilted ellipse in pseudo-3D, scaling and dimming with depth, and glide to a stop on hover.
A staggered, layered column curtain that covers the old view, swaps content, then sweeps away to reveal the new one.
Page controls with fixed-width ellipsis logic, a spring-sliding active pill, and ellipses that turn into skip buttons on hover.
Deleting a note scrunches it into a paper ball that arcs into a bin, whose lid flips open and wobbles shut. Undo tosses it back out and smooths it flat.
A draggable, snapping row of photo cards whose images drift inside their frames as the row scrolls and tilt toward the pointer.
A drifting constellation that links nearby points and flees the cursor.
Thousands of tiny particles swarm together to spell a word, burst away from the cursor and spring back into place.
Star rating with a little character that peeks over the card, rising and grinning wider the higher you hover. Arrow keys, Home/End and digits work too.
Pill navigation whose items flood with a rising circle of color on hover, with a sliding active dot and a compact menu on narrow containers.
A coarse pixel mosaic whose tiles drift through a palette in slow waves and light up around the cursor. Canvas 2D.
A dithered field of tiny pixels that breathes with noise and bursts into shockwave rings on click. WebGL.
A card whose background ripples into a field of twinkling canvas pixels on hover or focus, with built-in color themes.
Hovering or focusing fills the element with twinkling pixels that ripple out from the pointer, and ripple away on leave.
Chunky pixel-art snowflakes drifting down in parallax layers, swaying in the wind. WebGL.
On hover or focus, an image dissolves into a second one through a wave of pixel blocks spreading from the pointer.
Grid pixels ignite along the cursor path, burn white-hot and shrink away as they fade.
A card that dissolves into a random pixel grid on hover and reassembles as its second face.
Smooth, glossy plasma flowing through a three-color palette; the cursor twists it into a whirlpool. WebGL.
A glowing horizontal band of plasma wrapped in flickering electric filaments; it bends toward the cursor. WebGL.
Anchored popover on the native Popover API: top-layer, light dismiss and Escape for free, smart flipping, an arrow and a spring scale-in from the trigger.
A slowly rotating glass prism splitting a white beam into a shimmering rainbow fan. Aim the beam with the cursor. WebGL.