Lottie is an open format for animated vector graphics
Lottie is an open-source vector graphics animation file format. It was first created in 2015 by Hernan Torrisi as an export format for the export and playback of animations from Adobe After Effects. It is now a highly popular animation format used on the web, mobile applications and other systems with multiple independent renderer implementations and creation support.
What is Lottie?
Lottie animations are typically created using Adobe After Effects, and they can include complex animations, motion graphics, and interactive elements. Once an animation is created, it can be exported as a Lottie JSON file. This JSON file contains all the information needed to recreate the animation, including keyframes, easing curves, and layer information.
Vector Graphics
Vector Graphics are resolution-independent images created from geometric shapes like curves and lines rather than a grid of pixels
Tweening
Tweening is the process of animating graphics where the animator defines shape properties at specific keyframes and the frames between those are interpolated automatically.
Rich Ecosystem
A mature and robust ecosystem of players, creation tools, libraries and free assets. Trusted and used by thousands of companies to enrich their user experience.
Open file format
Lottie is an open standard based on the JSON format, allowing for ease of transfer over the web and manipulation with existing tools.
About Lottie Animation Community
Lottie Animation Community (LAC), a non-profit open source project hosted by The Linux Foundation, dedicated to establishing the Lottie File Format as an efficient, scalable and cross-platform animated vector graphics technology and open file format.
LAC was founded by a community of pioneers in recognition of that need. LAC aims to develop a formal Lottie format specification for implementation across renderers and other tools, and works towards the promotion and widespread adoption of the Lottie file format as an industry standard.
LAC operates as a project under the governance of the Joint Development Foundation, guaranteeing an open, collaborative approach to our standardization efforts. Our work is deeply rooted in transparency, ensuring that everyone in our community has a voice in the development and refinement of the Lottie File Format.
ContributeFrequently Asked Questions
What file extension should I use for Lottie animations?
+.json or .lot. While .json has been historically common, the Internet Assigned Numbers Authority (IANA) has officially recognized .lot as the standard file extension with the MIME type video/lottie+json. Using the .lot extension is encouraged to align with this official standard.How do I create a Lottie animation?
+How do I use a Lottie animation in my project?
+What is the difference between Lottie and dotLottie?
+.lottie) is a superset format developed by LottieFiles. It is a different format built upon Lottie that acts as a compressed archive, capable of bundling the core Lottie JSON file with other assets like images or fonts into a single, smaller file. More details can be found on the dotLottie specifications website.