Spotlight Card
FREECard with a cursor-following glow on its surface and border, plus BorderBeam for a travelling edge light.
Installation
Terminal
npx @bloxa/cli add spotlight-card
# or: npx shadcn@latest add @bloxa/spotlight-cardExamples
Feature cards and BorderBeam
Move the cursor over the cards.
Motion-first
Springs and reveals that respect reduced motion.
Fast
No chart or animation bloat — plain SVG and CSS.
Yours
Copy the code into your repo and change anything.
API reference
Every component also accepts the props of the element it renders.
SpotlightCard
| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | accent | Glow color. |
| size | number | 320 | Glow radius in px. |
| border | boolean | true | Light the border too. |
BorderBeam
Place inside any relative element with a radius.
| Prop | Type | Default | Description |
|---|---|---|---|
| duration | number | 6 | Seconds per lap. |
| color / colorTo | string | — | Beam colors. |
| width | number | 1.5 | Thickness in px. |