← All components
Surfaces / component
Spotlight Card
A soft spotlight follows your pointer and responds to keyboard focus.
PLAYGROUND
Take it with you.
SOURCE ACCESS
Preview freely. Unlock the files.
Enter the shared password to copy the complete source, download every file, and install components in your app.
Access lasts 24 hours. Your preview settings stay with you.
Component notes
- The included Demo.tsx and shared/demo.css recreate the complete preview. Import the main component to compose your own design.
React 19CSS
React Bits · MIT with Commons Clause. Used with explicit project permission; see bundled notice.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children (required) | ReactNode | — (required) | Card title |
spotlightColor | string | rgba(255,255,255,0.25) | Spotlight color |
paused | boolean | false | Suspend motion without adding paused wall time to the animation. |
className | string | | Additional classes for the outer element. |