Spotlight Card
A card lit by a soft radial spotlight that follows the cursor, with an optional glowing border.
Import
import { SpotlightCard } from "@igorao79/uivix";Examples
Feature grid
Move the cursor over the cards
Lightning fast
Zero runtime dependencies besides clsx and tailwind-merge.
Accessible
Keyboard support and ARIA roles out of the box.
Themeable
Every component accepts className and is built on Tailwind.
Custom colors
Cyan glow
Smaller radius, cyan border highlight.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | rgba(139,92,246,0.25) | Spotlight color |
| borderColor | string | rgba(167,139,250,0.9) | Border highlight color |
| radius | number | 320 | Spotlight radius in px |
| borderGlow | boolean | true | Light up the border under the cursor |
| className | string | - | Additional CSS classes |