Spotlight Card

Card with a spotlight that follows the pointer and a glowing border.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of React.ComponentProps<"div">

Prop	Type	Default	Description
spotlightColor	`string`	`"#f97316"`	—
size	`number`	`360`	Diameter of the spotlight in px
glowBorder	`boolean`	`true`	Also light up the card border near the pointer

$ npx shadcn@latest add https://chromotion.dev/r/spotlight-card.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.