Lottie Playground

This is not a video

Press to Change color →

Unlike video files, Lottie animations are like 'open-source' code. You can change colors, text, elements, and much more. Just imagine how you can utilize Lottie animations on your app or website.

** Apparently, some Safari browsers crash with this color-changing CSS, so please try to scroll down and back up, or test this with Chrome. Thanks :) 

Top reasons for using Lottie

  • It is multi-platform - You can use Lottie files on iOS, Android, web and React Native without modification.
  • It is resolution independent and scalable at run-time - So say goodbye to pixelated videos.
  • Super small file size - So loading times for your website/app are hugely reduced.
  • It allows for high-quality animations on multiple platforms and resolutions by mixing vector and raster elements and applying transformations at run-time -  You no longer need 10 different mp4 files for each platform.

Lottie Animation Examples

Website / App Loaders
App Onboarding
Animated Loaders
Hompage Animations
Animations Made for 2bcloud.io  |  Design by Oren Fait 
App Dashboards
Animations Made for kai.ai  |  Design by Tamar Hatzofe
Marketing Animated Icons

Size Matters

Quick Format Comparison
mail
Video Player

Media error: Format(s) not supported or source(s) not found

Download File: https://yairwalden.com/wp-content/uploads/2021/04/mail.mp4

Let's talk Lottie

Feel free to contact me for any Lottie animation needs for your app or website:

** All Animations Made by Yair Walden  |  Some for Paid projects, some for myself  |  All rights reserved © 2021 **