Lorre Blocks
GitHub

magic-card

magicui
MIT

Card with a pointer-following spotlight: one radial gradient tints the border, a softer accent wash crosses the surface on hover. CSS variables from a pointermove handler — zero runtime deps.

npx lorre-blocks add magic-card

Move your pointer here

The spotlight tints the border with the theme's primary and washes the surface with accent-3 — swap themes and it follows.

Dependencies

Registry (installed automatically)

Tags: card · spotlight · hover · gradient · effect · spotlight-card