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.
npx shadcn@latest add https://ui.aryank.space/r/smudge-cursor-reveal.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| foreground / background | string | "Dig in" / hidden line | Top-layer headline and the revealed message. |
foreground / backgroundtextThe top-layer word and the hidden message revealed underneath.
gsap