Patterns

in

Reaction

Reaction

Reactions give users a lightweight way to express themselves without typing or leaving a comment. They are quick, visual responses that can capture emotion, agreement, or support in a single tap. Their strength lies in being effortless, playful, and instantly recognizable.


The animation of a reaction is what transforms it from a static icon into a moment of delight. A heart that expands with a bounce, a thumbs-up that ripples outward, or an emoji that bursts briefly before settling back into place all create a sense of energy. These animations show acknowledgment while making the act of reacting enjoyable.

Timing and easing are especially important here. Reactions should feel snappy and alive, with transitions that respond immediately but also resolve smoothly. Adding layers of feedback, like subtle haptics or a glow effect, can heighten the sense of connection between the user’s action and the interface.


Reactions often build into a shared experience, so the way they appear collectively matters. Animated counters that tick upward, clusters of emojis that float briefly, or icons that gently shift to make space for new ones can make the shared context feel vibrant. The flow of motion reflects the energy of community.

Variations of reactions include single-tap icons, long-press menus for multiple options, floating emoji bursts, and animated counters. When designed well, reactions go beyond acknowledgment and become moments that add joy, turning quick taps into lasting impressions.

<- Checkout all

Reaction

shots here