Gooey Speed Dial

Summary

A dark speed dial microinteraction concept where PlayStation-style action buttons expand with fluid gooey physics, leaving colorful organic trails as the cursor moves between items.

Visual description

Three circular button icons outlined in white are arranged horizontally on a dark background, with a center X button showing an active state indicated by an organic, gooey pink form extending upward to a square icon with cursor. The fluid, blob-like shape suggests interactive motion or hover feedback, bridging the center action to its visual result.

Key takeaway

Use fluid, organic shapes to indicate active states and interactions, creating the illusion of responsive deformation that feels tactile and approachable rather than mechanical.

Reuse notes

Reach for this as a motion still reference. Pairs with experimental, soft ui directions. Original by Arek.