KQ-885 · STICKER/POP

Sticker Pop

A sticker that lands with weight. Each figure is drawn — a waving hand, a five-point star from rounded polar coordinates, a cat, a bolt — and drops from 16px above at 0.86 scale on recoil, whose two visible bounces read as something dropped rather than placed, while the ellipse beneath widens and deepens on glide half a beat behind. Hovering or focusing nudges it 3px up with a seeded tilt on flick, and pressing replays the landing through animation controls rather than a remount, which would take the keyboard's focus with it.

KQ-885 · STICKER/POP

Dock four is clear.Marta7:58
Marta7:59

1 sticker · cat landed

Install

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

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

Props

messages: StickerMessage[]; default —; The thread, oldest first: id, from, art, an optional text for plain bubbles, seed and time.
peerName: string; default "Them"; The other person; every spoken sentence names them.
onLand: (id: string) => void; default —; Fires when a landing finishes, on arrival and on every replay.
onReplay: (id: string) => void; default —; Fires from a press, or Enter or Space, on a landed sticker.
label: string; default —; Names the thread list for assistive technology.
className: string; default —; Classes for the outer column.

Prop	Type	Default	Description
messages	StickerMessage[]	—	The thread, oldest first: id, from, art, an optional text for plain bubbles, seed and time.
peerName	string	"Them"	The other person; every spoken sentence names them.
onLand	(id: string) => void	—	Fires when a landing finishes, on arrival and on every replay.
onReplay	(id: string) => void	—	Fires from a press, or Enter or Space, on a landed sticker.
label	string	—	Names the thread list for assistive technology.
className	string	—	Classes for the outer column.