Border Beam
Animated beam of light continuously tracing along an element's border.
Single Beam
A light particle orbiting the card edge.
Dual Beams
Blue and purple beams with a 2s offset.
New Feature
Installation
npx shadcn@latest add https://wise-ui.com/r/border-beam.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 80 | Beam arc length in pixels (visual reference). |
| duration | number | 6 | Seconds for one full orbit. |
| delay | number | 0 | Delay offset in seconds (useful for stacking multiple beams). |
| color | string | hsl(var(--primary)) | Beam color. |
| className | string | - | Additional classes for the beam container. |