Back

Glare Card

Satu Visual ComponentNew

A card with a glossy glare that follows the cursor.

Glare Card

A glossy highlight follows your cursor.

Installation

Add it with the CLI:

Terminal

$

Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.

Usage

Wrap any content. The highlight tracks the pointer and fades out on leave.

Props

PropTypeDefaultDescription
childrenReactNodeCard content.
classNamestringExtra classes.