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 https://ui.aceternity.com/registry/card-spotlight.jsonProps
| 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
With the best in class components and templates, stand out from the crowd and get more attention to your website. Trusted by founders and entrepreneurs from all over the world.
Excellent communication and professionalism from the start and
throughout. Happily and calmly accepted and entertained a few additional
out-of-scope requests as well. Good open-...
Henrik Söderlund
Former CTO at Creme Digital