Card Spotlight
A card component with a spotlight effect revealing a radial gradient background
Installation
Run the following command
npx shadcn@latest add @aceternity/card-spotlightProps
| Prop Name | Type | Default Value | Description |
|---|---|---|---|
| children | React.ReactNode | Required | The content to be rendered inside the card. |
| radius | number | 350 | The radius of the spotlight effect in pixels. |
| color | string | "#262626" | The background color of the spotlight effect. |
| className | string | undefined | Additional CSS classes to be applied to the con |
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
70+ templates and component blocks combined
Ready to copy paste component blocks, save days of development time


