Lottie and LottieFiles

Lottie

    A Lottie is a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation.

How can YOU use a Lottie?

    It’s easier than you think, with LottieFiles you can import and preview your Lottie animation and it will generate the lines of code that you can use to implement your animations in your projects. Alternatively, you can also download Lottie animations from lottie community and marketplace.

Where can YOU use a Lottie?

    You can use Lotties on basically any platform: web or mobile. This means you can integrate them seamlessly into both apps and web pages. Lottie animations can even be used as stickers on messaging platforms. It isn't technically limited to web and mobile. You could use it on desktop apps as well as some watches.

What can a Lottie do?

    A Lottie animation can play your animation on web or mobile devices while still maintaining a nice high quality. It can also have smart settings that can allow for your animation to be interactive. 

How big is a Lottie?

    Let’s break it down into an easily visualized representation. If a PNG is a T-Rex, and a GIF is an elephant, then a Lottie is a puppy.
    The size of a Lottie file significantly increases download speed and reduces the amount of disk space utilised. 

Why Lottie?

1. It is multi-platform. You can use Lottie files on iOS, Android, web and React Native without modification.
2. It is resolution independent and scalable at run-time.
3. Its file size is super small
4. Allows for high quality animations on multiple platforms and resolutions by mixing vector and raster elements and applying transformations at run-time.
5. Exposes animation elements and parameters to use as targeting elements to add interactivity and manipulate at run-time.

        Learn more about why you should use Lottie 

LottieFiles

    LottieFiles is a platform for testing, collaborating and discovering animations mainly catering to a community of animators, designers, developers and engineers (but they don’t discriminate so everyone is welcome!).
    The platform offers a range of tools and features that aim to make the discovery, creation, and implementation of Lottie animations easier and more efficient. It is also the creator of the LottieFiles plugin for After Effects which among other features also helps convert your animation file into a Lottie file.

What is the difference between Lottie and LottieFiles?
    Lottie refers to the animation file and LottieFiles is the platform on which you can test and share Lottie animations. 

Source : lottiefiles

Share this post