Spotlight Card
Pro
A card lit by a soft light that follows the pointer, with a matching border glow.
Pro plan
€12 / month
- Unlimited projects
- Priority support
- Custom domain
Customize
#ff784f
220px
Installation
Spotlight Card is part of Pro. After purchase you're invited to the private mekai-ui/mekai-ui-pro GitHub repository: copy spotlight-card.tsx into components/ui.
Usage
import { SpotlightCard } from "@/components/ui/spotlight-card";
<SpotlightCard color="255 120 79" size={220}>
<div className="p-6">Pro plan</div>
</SpotlightCard>Props
4 properties| Property | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Card content. |
| color | string | "255 120 79" | Light color as space-separated RGB. |
| size | number | 220 | Radius of the light in pixels. |
| className | string | — | Extra classes for the card. |