Small moments of feedback, generated
The difference between a flat interface and one that feels crafted is usually a layer of micro-interactions: the subtle confirmation when you tap a button, the way a toggle eases between states, the gentle shake when a field rejects input. This tool generates concepts for these moments, each described by a clear trigger, the feedback, and a timing.
How it works
Every micro-interaction the tool produces follows the standard structure interaction designers use:
- Trigger — what kicks it off (a click, a hover, a successful submit, a drag, an idle timeout).
- Feedback — what the user perceives in response (a color shift, a scale bounce, a checkmark draw-on, a subtle haptic, a ripple).
- Timing — duration and easing, kept in the perceptually-natural range so it neither drags nor snaps.
A generate picks one option from each layer and assembles a concept. Because timing is tied to the type of feedback (entrances are a touch slower than confirmations), the combinations stay believable.
Tips and notes
- Keep most feedback between roughly 100 and 300 ms. Longer than that on a frequent action quickly feels slow.
- Respect reduced-motion preferences. Offer a non-animated fallback so the interaction still communicates without movement.
- One strong micro-interaction beats five competing ones. Use these concepts to choose where polish earns its keep, not to animate everything.