A traveling beam of light that traces the border of any rounded container, with configurable size, speed, delay, colors, direction, and border width.
Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.
npx shadcn@latest add https://www.saasuji.com/r/border-beam.jsonAlso available as a markdown reference for AI agents: /components/border-beam.md
Dot Pattern
An SVG dot-pattern background that fills its container and automatically redraws on resize, with an optional glowing animation per dot.
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.