The Best Loading Animations of 2017

Jun 26, 2017 · 2 min read

Today we’re taking a closer look at our Loading Animations collection. According to Web Developer Advocate at Google, Paul Bakaus -“Humans overestimate passive waits by 36%”, so let’s look at some interesting tricks being used to combat the user’s impatience!

Worth Waiting For…

Animated loadings aren’t usually considered good practice because they consume resources during the loading process, so simplifying this element is recommended. A user takes just 3 seconds to abandon a page if they don’t receive feedback, so using animated loading (to entertain the user and offer content right from the start) gives the impression of activity between the server and the browser, improving the perception of performance. Learn more in this article: Why Perceived Performance Matters, Part 1: The Perception Of Time from Smashing Magazine.

This collection, contains a variety of animated typography, countdowns and simplified SVG vector graphics to create light animations amongst other things.

Studio Kraftwerk
Navigating Responsibly
NAF — The battle for time
Creative Cruise 2016
Spinning triangle loading animation
Philanthropy Advisors
Loading Tiger Challenge

If you enjoyed this Collection - we have many many more. Curated by ourselves and our digital design community, including hot themes such as Navigation, Transitions and UI Animation and Microinteractions. Head over, hunt for some inspiration or curate your own!

Originally published at


Written by


The awards for design, creativity and innovation on the Internet, which recognize and promote the best web designers in the world

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade