UI mockup animation templates

A screenshot shows how an interface looks; motion shows how it behaves. These templates take single pieces of UI and animate them the way a designer would in a presentation, with real materials rather than flat fills.

Liquid glass nav floats a nav bar over a big headline, bending the letters beneath it, while a soft pill slides from label to label with a springy squash and stretch; it loops. Glass cards springs three pricing cards of clear glass up from below over a dark gradient, each bending the light and the cards behind it as its plan name and price rise in. Y2K desktop goes back two decades: an early-2000s desktop in glossy graphite chrome where three windows pop open one after another.

They suit product designers presenting a concept, design-system teams showing a component in motion, and anyone writing a case study. Swap in your words in all three: the nav labels, the plan names and prices, the window contents. The Y2K desktop also takes your pictures and video.

3 templates, all free, in 16:9 and 4:3, from 6 s to 10 s long.