Animations & Motion
Spotlight Reveal
Flashlight effect reveals text as you move your mouse over it.
textanimationspotlightmaskinteractive
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
text | string | DARKNESS | Text to display |
backgroundColor | string | bg-zinc-950 | Background color of the component |
dimTextColor | string | text-zinc-900 | Color of dimmed text |
brightTextColor | string | text-zinc-100 | Color of bright text |
textSize | string | text-8xl md:text-9xl | Size of the text |
spotlightSize | number | 200 | Size of the spotlight circle |
cursorSize | string | w-6 h-6 | Size of the cursor indicator |
cursorBorderColor | string | border-white | Border color of the cursor |
className | string | Additional CSS classes |