Browse components

Components

354 animated components across text, motion, backgrounds, UI and widgets. Copy the source or install one with the shadcn CLI.

New
Accordion
Stacked disclosure sections with smooth auto-height animation, a springy chevron and full arrow/Home/End keyboard support.
Accordion Gallery
A row of image panels where the hovered or focused one glides open with its caption while the rest compress.
Acid Squares
A grid of rounded squares cycling through acid neon colors in interfering waves; the cursor lights them up. WebGL.
Aero Shards
Translucent glass shards drift in layers over soft glowing color, bending the light with refraction, dispersion and slow cursor parallax. WebGL.
New
Alert Dialog
Confirmation modal on the native <dialog> with a springy scale-in, focus starting on Cancel, async confirm with spinner and destructive styling.
New
Animated Button
On hover a slanted fill sweeps across while the label slides out and an arrow slides in.
Animated Content
Slides, scales and fades its children into place when they scroll into view.
Animated List
Items drop in one at a time, like a live notification feed.
Animated Tabs
Tab bar with a springy shared-layout indicator and panels that slide and blur in the direction of travel.
Animated Testimonials
A stack of tilted photo cards that shuffles to the active person while their quote blurs in word by word.
New
Announcement
Pill-shaped news link with a highlighted tag, a periodic shine sweep and a chevron that extends into an arrow on hover.
Antigravity
Weightless glowing dust that drifts upward and curls away from the cursor.
New
Arc Sidebar
A sectioned nav whose active marker arcs between rows, shoves the label aside on landing and crossfades into each section's ink. Works as a static rail or a drawer.
ASCII Text
Text rasterized into shimmering ASCII glyphs on a canvas, rippling in a slow wave and bulging under the pointer like a lens.
New
Aspect Ratio
Box locked to a width/height ratio, with a shimmer placeholder that dissolves into the image once it loads.
Aurora
Slow drifting color blobs, blurred into a northern-lights glow. Pure CSS.
Aurora Dots
A dot matrix lit by drifting aurora ribbons; each dot takes its color from the moving light field and glows near the cursor. WebGL.
New
Avatar
Profile picture that fades in once loaded, falls back to colorful initials, and shows an optional presence dot.
New
Avatar Group
Overlapping avatar stack that fans apart on hover, with name tooltips and a +N overflow chip.
Background Paths
Two layered ribbons of flowing SVG curves with light running along their strokes. Pure SVG + CSS.
New
Badge
Compact status label in six variants with an optional live dot, pulse ring and a glinting shine sweep.
Ballpit
Glossy colored balls tumble in with gravity, collide and pile up; sweep the cursor through to shove them around. Canvas 2D.
Bars Wave
A row of glowing equalizer bars whose heights roll across the screen as a layered wave. Canvas 2D.
Beams
Soft volumetric light beams slanting across a dark scene, drifting and breathing through noisy haze. WebGL.

1–24 of 354