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.
This service exceeded our expectations, since not only was the
development technically flawless, but Manu and his team also acted as
strategic partners by encouraging us to add ...
Georg Weingartner
CMO at Renderwork