KQ-189 · STICKER/PEEL

Sticker Peel

A sticker you can actually peel. Drag it and the grabbed corner curls up off the surface, a shadow pools beneath, and the card tilts away; release before the threshold and it snaps back into place, or past it and it lifts clean off to bare the dashed slot underneath. A paired button peels and re-sticks it for keyboard and pointer-free use.

KQ-189 · STICKER/PEEL

Sticker stuck

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/sticker-peel

Props

PropTypeDefaultDescription
childrenReactNodeThe sticker face.
width / heightnumberSticker size in px.
thresholdnumberDrag distance in px past which a release removes it.
labelstringAccessible name for the sticker and its control.
onPeel / onRestore() => voidFire when the sticker lifts off or re-sticks.