Follow the light

The spotlight and border glow track your pointer across the surface.

Controls

sizepx

color

border

borderColor

Spotlight Card

Card with a radial spotlight and glowing border that track the cursor.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/spotlight-card

import { SpotlightCard } from "@/components/spotlight-card"

export function Demo() {
  return (
    <SpotlightCard className="w-80 p-6">
      {/* card content */}
    </SpotlightCard>
  )
}

Updates live as you change the controls. Only non-default props are included.