Border Beam Card
React card for shadcn/ui with an animated border-beam glow on the compound Card API, for featured plans and active AI tasks.
Updated
Border beam card
BorderBeamCard wraps Card with the same header / content slots. Effect layers use pointer-events: none.
Composable card
Same slots as Card — header, title, description, content.
Border beam card
Uses Card layout tokens; beamSize controls the glow preset, size matches card density (sm / default).
Body content sits in CardContent, with padding aligned to the root size.
Color variants
colorful
mono
ocean
sunset
Border Beam Card is a React card component for shadcn/ui built on the border-beam package. Use it to highlight a featured pricing plan, an active AI task, or an announcement on dashboards and landing pages.
Installation
pnpm dlx shadcn@latest add @cult-ui/border-beam-card