UI animations for apps and websites
Small moments that tell people something worked: a check, a like, a new message. Check file size and playback in the player your app uses.
Animations
We read the colours and fonts from your home page. They stay in this browser.
-
2.5 s, plays once
-
1.7 s, plays once
-
2.2 s, plays once
-
2.4 s, plays once
-
2 s, plays once
-
1.8 s, plays once
-
1.8 s, plays once
-
2.5 s, plays once
-
3.2 s, plays once
-
3 s, plays once
-
2.4 s, plays once
-
2 s, plays once
-
2.2 s, plays once
-
2.4 s, loops
-
2.4 s, loops
-
2 s, loops
-
2.4 s, loops
-
3 s, loops
-
2.5 s, loops
-
3 s, loops
-
3 s, loops
-
3.6 s, loops
-
3 s, loops
-
3 s, loops
-
2.5 s, loops
-
3.5 s, loops
-
3 s, loops
-
3.5 s, loops
-
3 s, loops
-
3.5 s, loops
-
3.5 s, loops
-
4 s, loops
-
4 s, loops
-
4.5 s, plays once
-
3.5 s, plays once
-
4 s, loops
Tips for app moments
Keep feedback short
One or two seconds is enough for app feedback. End on a clear final frame so the message stays after the motion stops.
Play it on the action
Start the animation the moment the tap or submit happens, so it feels connected to what the person did.
Pair it with words
Put a word like Saved or Done next to the animation, so the message is clear to everyone, including screen reader users.
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 UI animation
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 it work in my iOS, Android or React Native app?
Export Lottie JSON and check it in your mobile player. Support varies by player and animation.
Can I play it when someone taps a button?
Yes. Load it with autoplay off, then call play() when the tap happens. Every Lottie player has a play method.
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.