Docs / Components / Spotlight Card
Spotlight Card
A premium card component with a dynamic spotlight effect that follows the mouse cursor.
Interactive Discovery
Experience the power of dynamic spotlight effects that respond to your every move. Perfect for feature highlights and premium interfaces.
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add spotlight-card
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | null | The content of the card. |
| color | string | #3b82f6 | The color of the spotlight effect. |
| spotlightSize | number | 600 | The radius of the spotlight effect. |
| width | string | number | 100% | The width of the card. |
| height | string | number | auto | The height of the card. |
| className | string | '' | Additional CSS classes. |