A Loading Spinner slows down time. Here’s what you can use instead.

Nattu
Nattu
Oct 8, 2018 · 3 min read

It’s like starring at a clock, constantly ticking...tik tok…it shows you the time you’re wasting...tik tok…and makes it pass by even slower than it seems — check out Stop Using Loading Spinner, There’s Something Better by Suleiman to find out why this may be the case!

Have you ever noticed that when you are deliberately starring at the clock or thinking about the seconds, time slows down? Or how quickly it flies by when you’re having fun? This exact same thing happens when you look at a loading spinner on your screen. The loading spinner is the only thing standing in between the user and where they want to go, and so they notice every turn of every millisecond stretched across infinity. It’s one of the surest and fastest ways of losing some of your best users.

But if you need to use an animation to buffer the time your users actually spend waiting — here are some alternatives we think can help your users notice time slip by a little less.

All of these animations are made with Lottie, so they’re sure to run smoothly on Web, Android, iOS and more.

Geometry by Miljan Micunovic (58KB). https://www.lottiefiles.com/2844-geometry
Green Monster by hoanhbc (38KB) https://www.lottiefiles.com/2833-green-monster
Loader (13KB) https://www.lottiefiles.com/35-loader
ServisHero Loading by Nattu Adnan (76KB) https://www.lottiefiles.com/159-servishero-loading
LEGO Loader by Chris Gannon (135KB) https://www.lottiefiles.com/410-lego-loader
cloud loader v1 by Nic Grobler (7KB) https://www.lottiefiles.com/2322-cloud-loader-v1
Loading circle by Paramesh Vadivel (4KB) https://www.lottiefiles.com/847-loading-circle
Loading by Luisa Fernanda Bolaños Beltrán (11KB) https://www.lottiefiles.com/935-loading
Loader by Imran Khan (4KB) https://www.lottiefiles.com/2163-loader
Stick and ball by Krystof (5KB) https://www.lottiefiles.com/462-stick-and-ball
Square Drop Loader by Chris Gannon (63KB) https://www.lottiefiles.com/252-square-drop-loader
Ice cream animation by Weifeng (14KB) https://www.lottiefiles.com/726-ice-cream-animation
Loading Semicircle by Shan (8KB) https://www.lottiefiles.com/57-loading-semicircle
Circle Loading by Paramesh Vadivel (2KB) https://www.lottiefiles.com/700-circle-loading
DNA loader by Jignesh Gajjar (591KB) https://www.lottiefiles.com/2140-dna-loader
Inattentive by Al Boardman (28KB) https://www.lottiefiles.com/990-inattentive
Dyslexia by Al Boardman (19KB) https://www.lottiefiles.com/991-dyslexia
Estimate by Al Boardman (28KB) https://www.lottiefiles.com/987-estimate

Customise the colours to fit your theme

  • If you use the Lottie editor to make any of the animations fit your product’s colour and theme. Just pick, edit and download — it’s as simple as that!
Use Lottie Editor to customise the colours of your animation. https://editor.lottiefiles.com

How to use these animations on your projects.

For tonnes of Free Animations and to test and privately share your animations with your colleagues, check out https://www.lottiefiles.com

Lottie Files

Nattu

Written by

Nattu

Explorer, photographer by passion from the islands of Maldives. Product Designer @mindvalley . Co-founded @lottiefiles. Formerly @ServisHero, @socarmalaysia

Lottie Files

LottieFiles is a collection of curated animation files for Lottie (Airbnb). Use these and make your Apps and the internet prettier.

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