Free Lottie loading animations
Small looping loaders for buttons, pages and apps. Pick a look to see them change, then download the file for free. Each one is a tiny vector file that stays sharp at any size.
Animations
We read the colours and fonts from your home page. They stay in this browser.
-
2 s, loops
-
2 s, loops
-
4 s, loops
-
1.6 s, loops
-
2 s, loops
-
1.5 s, loops
-
1.5 s, loops
-
3.2 s, loops
-
1 s, loops
-
1.2 s, loops
-
3 s, loops
-
1.5 s, loops
-
2.5 s, loops
-
1.6 s, loops
-
2 s, loops
-
1 s, loops
-
2 s, loops
-
1.2 s, loops
-
2 s, loops
-
1.6 s, loops
-
1.4 s, loops
-
2 s, loops
-
2.4 s, loops
-
2.4 s, loops
-
4 s, loops
-
2 s, loops
-
2 s, loops
-
1.6 s, loops
-
3 s, loops
-
2.5 s, loops
-
3.5 s, loops
-
2.5 s, loops
Tips for loaders
Wait before you show it
If loading usually takes under a second, wait about 300 milliseconds before you show a loader. Quick loads then feel instant instead of flashing a spinner.
Tell screen readers
Put the animation inside an element with role="status" and a label like "Loading", so people who can't see it still know something is happening.
Keep it small
Loaders read best at 24 to 64 pixels inside buttons and cards. Save big loaders for full screen waits.
Change shapes and timing in the Mosso animation editor. Check your download with the Lottie viewer, or convert it with Lottie to GIF and Lottie to MP4.
Make your own loader
Every animation here was made in Mosso, and you can make your own the same way: shapes, text, keyframes, easing and one-click animations like pop, rise and bounce, all in your brand. Then export Lottie, GIF, MP4 or transparent video.
Questions
How do I show a loader only while something loads?
Add the animation when loading starts and remove it when your content arrives. If most loads are quick, wait about 300 milliseconds before adding it, so fast loads never show it at all.
Can I make it spin faster or slower?
Yes. In Mosso, drag keyframes to change the timing. Most Lottie players also have a speed setting.
Are these free for commercial use?
Yes. A free account lets you download up to 50 library animations a day. You may edit these animations and use them in personal and commercial work, including client projects. Third party parts keep their own licences. Keep the supplied notices and credits when you share them. Mosso does not require a credit for its own work. The restriction on reselling Mosso templates does not limit rights granted by third party licences.