Interaction & UI animation inspiration

Find references for interface animation, transitions and micro-interactions. Explore how motion communicates changes in state, connects screens and gives feedback without interrupting the task someone is trying to complete.

Interaction & motion

A library of mobile and web UI animations, interactions, and delightful details.
Motion-rich website examples.
Explore motion effects with implementation examples.
Study reusable motion and interaction components.
Explore small interface interactions and effects.
Browse animated text effects for web interfaces.

Using these references

Identify what a movement needs to explain before copying its timing. Consider the start and end states, interruption, performance and a reduced-motion alternative. Subtle feedback can be more useful than a large decorative transition.