25% OFF Everything* with code CYBER during our Cyber Extravaganza! *Click for details

Bodymovin - Lottie

  • Compatibility After Effects
    Please check exact version compatibility under the "COMPATIBILITY" tab below

Author: Hernan Torrisi

Subscribe for notifications
Subscribe for new version notifications Subscribe
Name Your Own Price Individual users can pay any amount, the price displayed is a suggestion. Businesses, teams, etc must pay the suggested price to receive a valid license. See full terms.
Add to Wishlist

Quick Overview

An After Effects extension to export Lottie animations. Animations are exported by default as .json files that use the lottie.js player that comes along with the plugin. You can render animations in the browser on svg, canvas and html. It supports a subset of After Effects features. Animations can also be played natively on iOS and Android using Lottie

Exports animations to json files and pngs (if necessary).

Animations can be played on the web via the bodymovin player or natively in iOS and Android through Lottie.

For playing the animations, get the player in the extension panel, and load it in a browser.

Supported Features

  • Shapes 
    • paths, ellipses, stars, rectangles
    • fills, stroke, gradient fills and gradient strokes
    • dashes
    • trim paths (partial)
    • rounded corners
    • transforms (position, anchor point, rotate, scale, opacity, skew, skew axis)
  • Solids
  • Images
  • Comps
  • Nulls
  • Texts
    • Most fonts are supported, they can be exported as shapes or as text provided you load the font on the browser
    • A single text declination is supported per textbox.
    • Not supported: text decorations like Small caps, or Vertical Scale.
  • Cameras (partial)
  • Expressions
    • Expressions. Partially supported. More and more expressions are supported on each release.
    • If you have any trouble with one, let us know.
    • Expression sliders are supported.
Select Composition

General supported properties

  • transform (rotate,scale,position,anchor point, opacity)
  • time remap
  • masks (additive, and in some cases difference, inverted and subtractive)
  • luma and alpha masks (with the svg renderer)

Supported effects (with the svg/html renderer)

  • fill
  • pro levels
  • drop shadow
  • tint
  • tritone
Render

Audio support

Audio layers are supported starting from AE 2019 and above.
Check the wiki to see how to implement it
https://github.com/airbnb/lottie-web/wiki/Audio

New track matte masking support. On web only for now. ios and android are on their way

Get the player

Exporting Tutorial

After Effects 2024, 2023, 2022, 2021, 2020, CC 2019, CC 2018, CC 2017, CC 2015.3, CC 2015, CC 2014