animation glossary
Microinteraction
A microinteraction is a small, functional animation — a toggle, a ripple, a scroll snap — that gives the user feedback on a single action.
What is Microinteraction?
Microinteractions are the small motions that make an interface feel alive: the spring in a toggle knob, the ripple when you tap a bubble, the list that settles under your thumb. Individually tiny, together they define product polish. This page collects the mobile microinteraction shots from the library — toggle flows, tap ripples, and scroll-linked UI.
Microinteraction in Remotion
Every shot below is a real, renderable Remotion composition. Open the detail page for the recipe notes, then copy the agent brief to implement the shot from tuned TSX.
Implement microinteraction
Copy the agent brief for the first shot to have an AI agent build it from the reference TSX.
Frequently asked questions
What is a microinteraction?+
A microinteraction is a single, small animation that responds to one user action — flipping a toggle, tapping a button, refreshing a list. It communicates state change and adds a sense of craft.
How long should a microinteraction last?+
150–300ms is the standard range. Short enough to feel instant, long enough to be readable. Toggles and ripples sit at the fast end; scroll-linked effects are driven by gesture instead of a fixed duration.
Why do microinteractions matter for product videos?+
They are the fastest way to signal product quality. A promo that shows a springy toggle or a clean tap ripple communicates that the real product feels the same way.