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.
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/magic-card.jsonAlso available as a markdown reference for AI agents: /components/magic-card.md
Card
A surface container with header, title, description, content, and footer sections for grouping related information.
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.
Shine Border
An animated border highlight that sweeps around a rounded container, accepting a single shine color or a multi-color gradient.