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.
A radial burst of light rays pulsing outward from the center, split into rainbow fringes by chromatic dispersion. WebGL.
Holographic profile card that tilts toward the pointer while rainbow foil, glitter and glare slide across it, with a glass contact bar.
Linear and circular progress with a spring-animated value and counting label, a moving sheen, and indeterminate slide and spin states.
AI prompt input that grows with your text, holds springy attachment chips, and morphs its send arrow into a stop button ringed by a spinner while generating.
Like button whose heart squashes, pops and bursts into particles while the count rolls up digit by digit.
A phosphor radar scope: a rotating sweep with a fading trail, range rings, bearing ticks and contacts that ping as the beam passes. WebGL.
A hub-and-spoke diagram where glowing data pulses stream along curved links between a central node and its connected services.
A share button that fans social links out along a radial arc with a staggered spring, a drawn guide arc and brand-colored hovers.
Native radio group restyled with a springy dot and ripple, plus a card variant whose selection outline slides between options. Arrow keys just work.
A vertical short-video reel that snaps clip to clip on scroll or drag, with story-style progress bars, slow Ken Burns motion, hold-to-pause and double-tap likes.
Crop frame with springy corner handles that magnetically snap to edges, thirds and center, with snap guides and a live pixel-size readout.
Polished metal or glass card whose streaks, specular band and hotspot slide across the surface as the pointer tilts it.
Letters rise out of a mask as they scroll into view; hover and a photo shows through the type.
Silky, twisting ribbons that chase the cursor on springs and fan out as they lag behind.
An image that ripples like a water surface wherever the cursor passes, with a hint of chromatic split. WebGL.
Glowing grid lines bent by ripples spreading from the center and from the cursor. WebGL.
Cycles through a list of words with a vertical slide.
Segmented control whose pill indicator stretches like rubber toward the new option, thins out as it pulls, then snaps shut.
A bright scan line sweeping back and forth over a faint dot grid, leaving a fading afterglow. WebGL.
Letters near the cursor dissolve into flickering glyphs and settle back into the original text, strongest right under the pointer.
Native scrolling with slim overlay scrollbars that fade in on hover or scroll, draggable thumbs and soft fading edges where there is more to see.
A media card that grows from an inset, rounded frame to full-bleed as you scroll, splitting its headline apart.
Characters stretch, rise and fade into place one after another, scrubbed by scroll position inside any scroll container.
A paragraph whose words sharpen from dim and blurred to crisp as it scrolls through view.
Cards pin to the top of a scroll container and pile onto each other, with covered cards shrinking and dimming underneath.
Rows of oversized marquee text that drift on their own and surge or reverse with scroll speed.
Design-tool number field: drag sideways to scrub the value over a sliding tick ruler, Shift for coarse, Alt for fine, and it stretches like rubber at the limits. Click to type, arrows to step.
A command-style search field that widens on focus and unfolds grouped, ranked results with highlighted matches, a sliding selection and full keyboard navigation.
Custom listbox select in the native top layer: grouped options with icons, a gliding highlight, drawn check marks, typeahead, full keyboard support and a real form value.
Spoiler text veiled by blur and shimmering noise particles until you hover, focus or click it.
Horizontal or vertical divider with an optional centered label, a primary gradient variant and a draw-in animation that grows outward from the label.
A soft, glowing outline that snaps into razor focus wherever the cursor comes near. WebGL signed distance fields.
Rows of small circles, squares and triangles bobbing and turning in rolling waves; they swell near the cursor. WebGL.
Side panel on the native <dialog> that slides in from any edge with a springy ease, staggers its content in, blurs the backdrop and returns focus on close.
Gradient border and inner glow that follow the cursor.
A soft highlight sweeps across the text on a loop.
Delete a document card and it feeds into a rattling shredder, coming out as strips that scatter and fall, with an undo that drops it back in.
Each letter spins like a slot-machine reel and lands on its final character, on view and on hover.
Warm light slanting in from one side through window blinds, with dust motes glinting in the beams. WebGL.
A sign-up card with a live, animated password-strength meter and rule checklist, terms consent, inline validation and a celebratory success state.
Flowing silk fabric with soft folds, a satin sheen and fine film grain. WebGL.
A flowing wave gradient cut into horizontal strips that glide sideways independently. WebGL.
Slide-to-confirm track: the knob stretches as you fling it, commits past the threshold with a popping check, and springs home with a wobble if you let go early.
Single or range slider with springy thumbs, a value bubble, tick marks with labels, glide-to-click and full keyboard support (arrows, Page Up/Down, Home/End).
On hover every letter rolls out of view and a fresh copy slides in behind it, in a staggered wave.
Pull the button back on rubber bands and let go: past the threshold it fires and whips home with overshoot. A normal click works too.
Round liquid gauge whose level springs to each new value and sloshes side to side before settling, with the readout inverting where the liquid covers it. Drag or key it to set the level.
An avatar with social links circling it on two counter-rotating rings, upright icons, brand-colored hovers and tooltip labels; pauses on hover.