Lottie Animation Platform

Lottie is an open-source animation file format and ecosystem that enables designers to ship animations across web, iOS, Android, and React Native using a lightweight JSON-based format. Created by Hernan Torrisi in 2015 as Bodymovin (an After Effects plugin) and later adopted and popularized by Airbnb under the name Lottie, the format has become the industry standard for vector-based UI animations. Key features: Lottie JSON format exporting After Effects animations as compact JSON files containing shapes, keyframes, masks, and layers, typically 600x smaller than GIF or PNG sequences with identical visual quality. After Effects plugin (Bodymovin/LottieFiles plugin) for exporting compositions to Lottie format directly from Adobe After Effects with support for shapes, text, images, solids, precompositions, masks, mattes, trim paths, and expressions. Lottie Web player (lottie-web) for rendering animations in HTML5 via SVG, Canvas, or WebGL with less than 60KB minified. Lottie React (lottie-react) for React integration. Lottie iOS for native iOS rendering using Core Animation. Lottie Android for native Android rendering. Lottie React Native for cross-platform mobile. DotLottie format (.lottie): a ZIP-compressed bundle containing multiple Lottie animations and assets, 10x smaller than raw JSON with faster loading. LottieFiles platform offering a marketplace of over 100,000 free and premium animations created by designers worldwide. Lottie Editor for creating and modifying animations without After Effects. Interactivity API for creating interactive animations that respond to user input (scroll, click, hover, drag). Real-time animation preview and testing. Lottie Micro-animations for UI feedback (loading spinners, success checkmarks, toggle states). Brand kit and theming for customizing animation colors. Used by Google, Airbnb, Instagram, TikTok, Uber, and thousands of apps for micro-interactions and onboarding animations.