Floating Action Button

Summary

A mobile wallet app interaction where a floating action button expands to reveal Receive, Send, and Swap actions with a smooth animated transition.

Visual description

A light mobile interface displays three vertically stacked action options in bold sans-serif: Receive, Send, and Swap, each paired with a colorful icon (orange down arrow, purple paper plane, blue exchange symbol). A subtle blue radial gradient hovers in the upper left corner. The iPhone frame edge is visible on the right, grounding the action menu in a mobile context against a light gray-white background.

Key takeaway

Pair text labels directly with expressive color-coded icons to make action choices immediately scannable and emotionally distinct, turning functional controls into memorable visual anchors.

Reuse notes

Reach for this as a motion still reference. Pairs with minimal, clean directions. Original by Nick Pyl.