UI motion design

Interface animations, app transitions and product UI films that show how motion explains a product.

About UI Motion

UI motion design is animation inside or about a digital interface: screen transitions, micro-interactions, onboarding flows and product UI films. Good UI motion explains what changed and where to look next.

This collection mixes AI-assisted UI animation with interface films for real products. Use it to study timing, easing and how a screen moves from one state to the next, then copy a prompt as a template when one is shared.

Questions

What makes good UI motion?
Short, purposeful movement that shows cause and effect: where an element came from, what changed and where attention should go. Decoration that slows the user down is left out.

From the blog