Spotlight Card
Cards & Layout
A card with a radial spotlight that follows the cursor, creating a flashlight reveal effect.
Loading preview...
Customize
Spotlight Color
rgba(232, 78, 45, 0.15)
Spotlight Size (px)300
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | — | Content inside the card. |
className | string | '' | Additional CSS classes. |
spotlightColor | string | 'rgba(232, 78, 45, 0.15)' | Color of the spotlight radial gradient. |
spotlightSize | number | 300 | Diameter of the spotlight in pixels. |