Card Spotlight

A card component with a spotlight effect revealing a radial gradient background

Authentication steps

Follow these steps to secure your account:

Ensuring your account is properly secured helps protect your personal information and data.

Installation

npx shadcn@latest add @aceternity/card-spotlight

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

Next.js 15, Tailwind CSS v4 and Motion for react powered templates

100+ templates and blocks combined

Ready to copy paste component blocks, save days of development time