6 components. Motion and visual-effect components. Install any of them with one shadcn command; all are MIT-licensed.
Dot Pattern
An SVG dot-pattern background that fills its container and automatically redraws on resize, with an optional glowing animation per dot.
Animated List
A vertical list that reveals items one by one on a timer, animating scale and opacity with Motion and stacking the newest item on top.
Border Beam
A traveling beam of light that traces the border of any rounded container, with configurable size, speed, delay, colors, direction, and border width.
Magic Card
A card surface that reveals a pointer-following gradient border and halo on hover, plus an orb mode that renders a soft moving glow inside the card.
Shine Border
An animated border highlight that sweeps around a rounded container, accepting a single shine color or a multi-color gradient.
Page Transition
A Next.js App Router wrapper that plays a fade-and-slide entrance whenever the pathname changes, holding the previous content until the new route is ready.