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.
Tilted rows of tiles that slide in alternating directions as the cursor moves across.
A neon perspective grid floor swept by a glowing scan line, with a horizon that follows the cursor.
Renders an image as breathing halftone dots that swell and melt into the full photo around the cursor.
Destructive action guard: press and hold until the bar fills. Works with Space and Enter.
Rich preview card that blooms out of a link on hover or focus, with open/close delays, an arrow, smart flipping and a top-layer render.
An inline link whose underline draws in from the left and exits to the right, with a springy arrow nudge and a hover or focus preview card for the destination.
A night highway of light trails rushing toward you. Hold the pointer down to punch it into warp.
Photos pop in along the cursor path, then drift, shrink and fade away.
A bounded moodboard-style canvas on a dotted grid: drag to pan with inertia, scroll or pinch to zoom around the pointer, keyboard friendly.
Menu items wrapped around a sphere you drag to spin; it settles on the disc facing you and reveals its title.
Cards wound around an endless 3D helix that keeps turning, and spins faster when you scroll or drag.
Text input with icon slots, three sizes, a focus line that sweeps out from the center and an error state that shakes and slides in its message.
One-time-code field: slots that pop each digit in, a blinking caret, paste and SMS autofill, a wave on completion and a shake on error.
A text field with a floating label, a focus ring that blooms out of the border, a spring-in clear button, a character-count ring and a shake on error.
A realistic, pure-CSS titanium phone frame with dynamic island, side buttons, status bar and a moving glass glare that tilts toward the pointer. Renders any children or an image as the screen.
An oil-slick film of flowing interference colors that swirls around the cursor.
A radio group with one gooey dot that stretches as it slides to the new option, splats on landing and jiggles back into shape.
Keyboard keys drawn as 3D keycaps that physically sink when the matching key is pressed, plus a group for shortcuts.
A realistic compact keyboard whose keycaps sink and glow with backlight when you press the matching physical keys or click them, with a live typing strip and caps-lock LED.
Rows of testimonial cards drifting in opposite directions, pausing on hover with soft edge fades.
Form label with a required asterisk, optional tag and hint text that lights up while its control has focus.
Hero section lit by a glowing light tube whose cone swings open and the heading rises into the light when it scrolls into view.
An ID badge hanging from a woven strap with verlet rope physics. Grab it, fling it and watch it swing back.
A glowing laser beam pours down into a misty splash, with volumetric haze, flicker and drifting motes. Raw WebGL.
A tiny isometric lattice of cubes or dots that pulses in a diagonal wave while the whole grid sways in 3D. Pure CSS.
A 3D keycap of stacked offset layers that spread on hover and compress on press.
Colored copies hide behind each letter and fan out in a springy cascade on hover, then stack back.
Translucent design layers stacked in isometric view that fan apart on hover, with a layers panel to spotlight each one.
A card that leans and drifts toward the pointer while its shadow slides away and the content counter-leans for depth.
A full grid of monospace glyphs that keep swapping characters and colors, framed by a soft vignette. Canvas 2D.
Streaks of light falling like rain across three depth layers, each with a glowing head and fading trail. WebGL.
A crackling procedural lightning bolt with forking branches, strobing strikes and storm clouds lit from within. WebGL.
A tall column of light filled with slowly swirling volumetric smoke. WebGL.
Soft god rays streaming from an edge or corner, swaying gently and leaning toward the cursor. WebGL.
An endless flight through a bending tunnel of glowing rings and spark-lit lines. WebGL.
Sidebar navigation whose glowing line indicator stretches toward the new item and springs back to size.
Dozens of fine horizontal lines weaving into flowing silk-like waves that bulge away from the cursor. Canvas 2D.
A slowly folding mirror-like chrome surface that ripples wherever the cursor moves or clicks. WebGL.
Luminous, colorful ether that flows on its own and swirls into eddies wherever the cursor moves. WebGL.
Five small, clean loaders in one component: a stretching arc spinner, squashy hopping dots, equalizer bars, a heartbeat pulse and bunching orbit dots.
A polished sign-in card with social buttons, password reveal, remember me, animated inline validation, a shake on error and a loading-to-success flow.
A row of logos that steps through one at a time, with a spring focus ring sliding between them and a caption per logo.
Glowing currents drift like bioluminescent tides, with light pulses traveling along them and specks of plankton. WebGL.
Polished metal lettering with a bevel and a specular glint that sweeps across, or follows your pointer.
Bento grid whose cards light up with a cursor-following border glow, tilt gently and fill with drifting particles on hover.
Concentric glowing rings spin at their own pace, breathe, and bend toward the cursor.
Pulls its children toward the cursor when it gets close.
A field of short lines that swing to point at the cursor like iron filings, glowing and stretching as it nears.