📖 Step 3: Design - UI Components & Patterns#84 / 291
Micro Interaction
Micro Interaction
📖One-line summary
Small feedback effects, like a heart popping when you tap Like.
✨Example
Click the icon
⚡Vibe coding prompt examples
>_
Add a micro-interaction to the like button. Add a bounce effect where the heart grows and shrinks, plus a particle animation.
>_
Apply a micro-interaction to a toggle switch. On ON/OFF transition, add color change, knob movement, and a slight bounce.
>_
Build a micro-interaction where a checkmark draws on form submit success. Implement the drawing effect via SVG path animation.
Try these prompts in your AI coding assistant!