FRENAR
N°09 · CSS/JS · Feedback & States

Micro-interactions

Six fundamental button state patterns. Each micro-interaction is a dialogue: trigger → action → feedback → loop. Test each pattern and feel the difference in perceived quality.

Your turn

The 'morph' transforms a rectangular button into a success circle. What timing (duration + easing) makes the transformation feel most natural? Try combining scale + ripple on the same button.

The detail that makes the difference — learn micro-interactions

Book a session