Smudge Cursor Reveal

A hero where moving the cursor smudges away the top layer to reveal a hidden message underneath. Circles are stamped along the pointer path into an SVG goo-filter mask, then expand and dissolve, so the reveal reads like wiping fog off glass. Pointer and touch driven, GSAP only, no scroll.

Component

Dig in

The things worth finding are never on the surface. They live in the parts you almost scrolled past.

Install

npx shadcn@latest add @compronents/smudge-cursor-reveal

Installs from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.

Files

Checking access…

API

Prop	Type	Default	Description
foreground / background	string	"Dig in" / hidden line	Top-layer headline and the revealed message.

Customize

foreground / backgroundtext

The top-layer word and the hidden message revealed underneath.

Dependencies

gsap