Micro Interactions

Micro Interactions are small, functional animations responding to user actions (e.g., button hovers, loading ticks) to provide feedback and delight.

They follow principles like timeliness and purpose.

Use Micro Interactions when:

• Enhancing form submissions.
• Guiding user flows.
• Polishing everyday UI.
• Boosting perceived quality.

Note: 100-200ms duration ideal.

Use Framer or CSS.

A/B test impact.