Card Spotlight
A card component with a spotlight effect revealing a radial gradient background
Authentication steps
Follow these steps to secure your account:
Enter your email address
Create a strong password
Set up two-factor authentication
Verify your identity
Ensuring your account is properly secured helps protect your personal information and data.
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
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
