Animated backgrounds
Soft motion behind your content. These backgrounds use your brand colours and are set to loop. Check the transition after editing them.
Animations
We read the colours and fonts from your home page. They stay in this browser.
-
4 s, loops
-
8 s, loops
-
8 s, loops
-
4 s, loops
-
8 s, loops
-
8 s, loops
-
8 s, loops
-
6 s, loops
-
6 s, loops
-
6 s, loops
-
8 s, loops
-
6 s, loops
-
6 s, loops
-
4 s, loops
-
5 s, loops
-
8 s, loops
-
6 s, loops
-
8 s, loops
-
6 s, loops
Tips for backgrounds
Keep contrast low
Text has to stay readable on top. Use soft colours in the background and keep your strongest colour for the button.
Pause it off screen
Pause the animation when it scrolls out of view to save battery. Most Lottie players make this easy.
Fill the box
Set the player to cover its area, so no empty edges show on very wide or very narrow screens.
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 background
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
Will an animated background slow down my site?
File size and playback cost depend on the animation. Check it on your page, load it after the rest of your content and pause it when it is off screen.
Can I use it as a video background?
Yes. Export MP4 or WebM from Mosso for slides, video calls and video editors.
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.