About Bodymovin – Lottie

Bodymovin – Lottie is an After Effects extension that converts compositions into Lottie JSON files. The exported files run on the bundled lottie.js player and can render in browsers using SVG, canvas, or HTML, as well as natively on iOS and Android via Lottie. Shape support includes paths, ellipses, stars, rectangles, fills, strokes, gradients, trim paths, and partial camera handling. Transforms such as position, anchor point, rotation, scale, opacity, skew, and drop shadow are exported, and most fonts become shapes or text (requiring font loading). Masks, rounded corners, time‑remap, and limited expression support are also included. Version 5.12.1 (June 2023) added ESM support and a Transform Effect fix; recent updates improve Essential Graphics, slot handling, and canvas performance. Compatibility spans After Effects CC 2014 through 2025.

Features

• Exports Lottie animations as .json files that run on the bundled lottie.js player, rendering in the browser on SVG, canvas and HTML
• Shape support for paths, ellipses, stars and rectangles, with fills, strokes, and gradient fills and strokes
• Transforms including position, anchor point, rotation, scale, opacity, skew and skew axis
• Trim paths and cameras with partial support, plus rounded corners, drop shadow and pro levels
• Font export as shapes or as text (text requires loading the font in the browser), with one text declination per textbox
• Masks including additive, and difference, inverted and subtractive in some cases, plus luma and alpha masks with the SVG renderer
• Partial expression support with expression sliders, plus time remap

Best for

Exporting After Effects compositions to Lottie JSON for browser playback (SVG, canvas, HTML) or native iOS/Android use, especially when only supported AE features are required.