145 animated React components with motion, glow and sound effects, built with Tailwind CSS v4.
A menu of actions or options that opens from a trigger button, with full keyboard navigation, submenus and real DOM focus on every item.
Live magazine layout: multi-column text flowing around draggable orbs with zero DOM reads, powered by pretext
Canvas-based 3D starfield with perspective projection, motion trails, and glow
A drop zone backed by a native file input, with per-file progress, JS-side validation and a removable file list
GPU fireworks background with a deterministic, DOM-free physics core (rockets, peony/willow/ring/glyph shells, sparks, embers, smoke) rendered by a WebGPU engine into a wide-gamut, extended-tone-mapping canvas so bursts and comet trails burn brighter than SDR white on HDR displays, degrading silently through a WebGL2 fallback and a soft-knee SDR path everywhere else
Canvas grid of squares that flicker in and out of opacity at random each frame, pausing automatically via IntersectionObserver when scrolled off-screen and resizing to fit its container via ResizeObserver
Card that flips in 3D to reveal its back, on hover (plus focus and tap) or as a click toggle; it lifts and lands with a slight overshoot, keeps turning the way the pointer travels, and its faces catch a sweeping sheen and shade edge-on
Cycling word animation with per-letter fade-in and blur effects
Full Navier-Stokes fluid simulation that swirls color in response to cursor and touch movement, running on WebGL2 with a WebGL1 fallback and an optional WebGPU HDR path for wide-gamut, brighter-than-white glow
Text component that cycles focus through words with blur and corner frame
A follow toggle that shows the result at once, then commits when the server agrees or rolls back and says so, with the width held steady across every label
Wraps a control with a label, help/error text and id wiring, so a screen reader gets the full picture without manual aria plumbing
Frosted glass surface with organic turbulence-noise refraction, an alternative to LiquidGlass
Holographic trading card effect with mouse-tracking glare and rainbow foil
Liquid-metal ring for a container's edge: two metallic conic fields turning against each other make iridescent reflections flow along a dark chrome border, while a glint rides around it and spills a soft glow; chromatic, silver and gold presets or custom tints
Mouse-proximity based glowing border effect with animated conic gradient
Dark button with a beam of light that travels around its border and casts a soft coloured glow inside the face; the glow brightens on hover
An anchored panel that opens on hover or focus with a short delay, for richer previews than a tooltip — a profile card, a link preview
Text that scrambles into random uppercase letters and resolves character-by-character back to the original on hover, with a staggered per-letter reveal and an optional animate-on-load mode
Square or circular icon-only button built on Button, with a required accessible label
Fixed frame that holds its place while a model draws: an empty outline, then a pixel grid working over a drifting dot field, then the finished image easing out of a blur
Trail of images that spawn and animate along the cursor's path, powered by GSAP timelines, with 18 selectable variants: fades, momentum drift, rotation flings, 3D perspective tilt, a hard-edge pixelated snap, a bouncy scale pop, images that fall or bounce under gravity, a flame flicker, and five fragment reveals (venetian, curtain, hexagon, liquid, zoom split)
A numbered reference that sits inside a sentence and reveals the document behind it — title, domain and snippet — in a floating card on hover or focus
A single-line text field with resting, focus, error and disabled looks, built on a native input
SVG grid of squares that highlight on hover with smooth fade transitions
Button whose dot opens into a circle that fills it on hover, while the label rolls up and out and returns with an arrow
A form label with a decorative required asterisk, wired to a FormField's context when it has one
Staggered letter pull-up animation with wave entrance effect
Link component with 12 animated underline hover effects — pure CSS, no JS on hover
Staggered line-by-line text reveal with lines computed by pretext instead of DOM splitting
Text with animated diagonal line shadow pattern that scrolls continuously
Inline text link with a muted variant, configurable underline, and a safe external-link mode with a new-tab arrow
Glass-like visual effect using SVG filters for chromatic displacement
Big text that liquefies along the cursor's path via a raw-WebGL fluid solver, with chromatic-aberration fringing that relaxes back over time
Logo display with animated marquee, static grid, and icon variants
A generic wrapper that pulls its child toward the pointer once it enters an activation field larger than the child's own box, and springs back to rest the instant the pointer leaves — a fine-pointer affordance with no touch or keyboard equivalent
An eased conveyor of repeated content that dissolves into soft edge fades and, on hover or focus, brakes smoothly to a stop and pulls away again instead of freezing.
Canvas-based falling glyph rain with configurable color, speed, and density
Meteor shower in depth: seeded meteors with glowing heads and tapering tails fall diagonally in parallax (near ones larger, brighter and faster), fading in and burning out, a few flaring before they go
Canvas mosaic of small tiles on a dark surface where a soft halo follows the cursor with a lag, lighting tiles to random gold intensities that decay into a comet trail, with an additive bloom over the gaps, a glassy per-tile highlight, ambient flicker and an autonomous drift when idle
A horizontal top-of-page bar with a brand mark, navigation links, and actions on the right.
A horizontal row of triggers that each open a rich, multi-column panel below the row — disclosure-pattern site navigation, not an application menu.
Two-colour neon tube around its content: two beams with white-hot cores chase each other along a faint tube, their glow spilling inside and outside the edge, humming slowly after a flicker on ignition
WebGL image reveal with a Perlin-noise dissolve mask, contracting radial gradient, and wave displacement
Numeric field with decrement/increment buttons that clamp to min/max, disable themselves at the bounds, and step fractional values without float drift
Animated number counter with easing, triggered on viewport entry
A page-number control with Previous/Next, ellipsis collapsing for long runs, and optional First/Last jump buttons; the current-page pill slides between numbers and the numbers glide when the visible run shifts.
A password field with a show/hide reveal toggle and an optional strength meter that never relies on colour alone