Edible Button

Summary

A playful button microinteraction where clicking 'EAT ME' causes the pill-shaped button to get bitten away with crumbs flying, before regenerating with a 'HUNGRY?' label.

Visual description

Light neutral background with "HUNGRY?" text displayed in gray sans-serif at top center. Below is a horizontal scatter of black dots and circles of varying sizes, mimicking crumbs or bite particles spread across the middle of the screen as if a button has been consumed.

Key takeaway

Visualize the aftermath of a destructive interaction through particle scatter, making abstract button states feel physical and satisfying.

Reuse notes

Reach for this as a motion still reference. Pairs with experimental, minimal directions. Original by is.