KB-321 · FOOTER/SPOTLIGHT/MARK
Spotlight Mark Footer
A closing footer built around a giant hollow wordmark that fills only where the pointer is: a circular spotlight follows the cursor on a spring and reveals the solid mark beneath the outline, then collapses to nothing when the pointer leaves. The hollow mark is the resting state and reads on its own — the spotlight is a reward for arriving, not a requirement for reading. Link columns and the fine print sit above and below it, doing the footer's actual job.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/footer-spotlight-mark
Props
- brand / mark / tagline / status
- string
- default —
- The brand column and the giant word beneath it.
- columns / fineprint
- SpotlightColumn[] · string
- default —
- The link columns and the last word.
- radius
- number
- default 160
- Spotlight radius in pixels.
| Prop | Type | Default | Description |
|---|---|---|---|
| brand / mark / tagline / status | string | — | The brand column and the giant word beneath it. |
| columns / fineprint | SpotlightColumn[] · string | — | The link columns and the last word. |
| radius | number | 160 | Spotlight radius in pixels. |