Spotlight Card
A card with a radial gradient glow that follows the mouse cursor.
Lightning Fast
Built for performance with zero-config optimizations baked in.
Beautiful Design
Pixel-perfect components that look great out of the box.
Developer First
Clean APIs and full TypeScript support for a great DX.
Installation
npx shadcn@latest add https://wise-ui.com/r/spotlight-card.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| spotlightColor | string | "rgba(255,255,255,0.08)" | Color of the radial gradient spotlight. |
| spotlightSize | number | 200 | Diameter of the spotlight in pixels. |
| children | React.ReactNode | - | Card content. |
| className | string | - | Additional classes for the card container. |