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-spotlight
Props
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

