Animated illustrations
Little looping scenes that bring a page to life without a video. The colours follow your brand, so they match the rest of your site.
4 animations
-
4 s, loops
-
5 s, plays once
-
4.5 s, plays once
-
3 s, loops
Tips for illustrated scenes
Give it room
Illustrations need space around them. Put them next to a short line of text, not behind it.
Loop quietly
A calm loop can stay on screen for a long time. Save big moves for one-off moments.
Load it late
If the scene sits further down the page, start the player when it scrolls into view.
Make your own illustration
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
Can I change parts of the scene?
Yes. Open it in Mosso: every shape is a layer you can recolour, move or delete.
Can I use it as an image instead?
Yes. Mosso exports PNG frames, so you can pick any frame as a still image.
Are these free for commercial use?
Yes. Use them in your own projects and in client work, including commercial work, with no credit needed. You can't resell them or give them away as templates or stock files.