Preview image. Unlock full-res
A polished microinteraction where a trash icon button expands into confirm and cancel pill buttons, with a soft pink ripple on hover, shown across two animated variants.
More like this
See all
Summary
A polished microinteraction where a trash icon button expands into confirm and cancel pill buttons, with a soft pink ripple on hover, shown across two animated variants.
Visual description
A light gray background with a red trash can icon positioned at center-left, enclosed within a subtle circular border outline. A black arrow cursor is visible to the right side of the screen showing the initial hover state.
Key takeaway
Wrapping an action icon in a circular container establishes its interactivity before revealing the expanded confirm/cancel state.
Reuse notes
Reach for this as a motion still reference. Pairs with minimal, soft ui directions. Original by Nitish Khagwal.
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.