Preview image. Unlock full-res
A liquid menu microinteraction where circular buttons merge into organic blob shapes on hover and click, built for a coffee app empty state screen.
More like this
See all
Summary
A liquid menu microinteraction where circular buttons merge into organic blob shapes on hover and click, built for a coffee app empty state screen.
Visual description
A light background with centered typography and three dark burgundy circular buttons arranged horizontally below. The headline reads 'No coffees yet' with supporting gray body text, followed by action buttons containing white outlined icons (coffee beans, finger tap, cup). The center button deforms into a liquid blob shape with a speech bubble protrusion, demonstrating the interaction state.
Key takeaway
Use organic blob deformation on circular icons to convey tactile interaction. The slight asymmetry and fluid distortion feels more human and playful than traditional button hover states.
Reuse notes
Reach for this as a motion still reference. Pairs with minimal, organic directions. Original by Marijana Pavlinic.
More like this
Keep what you find
A free account saves references to boards and can send you a weekly email of picks based on what you save.
To see every result, go Pro.