Overview
At a very high level, Lottie supports all keyframe types, solids, masks, parenting and precomps. Shape layers are supported with fills, strokes, gradient fills, gradient strokes and trim paths. If you want more exact detail on exactly whats supported see the tables below. This will be updated regularly as new features are added.
Feature List
👍 (supported)
❗️ (partially supported)
❔ (not supported yet)
⛔️ (purposefully not supported due to technical limitations)
Keyframe types
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Linear | 👍 | ❗️ | 👍 |
| Bezier | 👍 | 👍 | 👍 |
| Hold | 👍 | 👍 | 👍 |
| Rove across time | ❔ | 👍 | 👍 |
| Spatial Bezier | 👍 | 👍 | 👍 |
Solids
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Anchor Point | 👍 | 👍 | 👍 |
| Position | 👍 | 👍 | 👍 |
| Position Separated | 👍 | 👍 | 👍 |
| Scale | 👍 | 👍 | 👍 |
| Rotation | 👍 | 👍 | 👍 |
| Opacity | 👍 | 👍 | 👍 |
Image types
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Png, Jpg | 👍 | 👍 | 👍 |
Masks
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Mask Path | 👍 | 👍 | 👍 |
| Mask Feather | |||
| Mask Opacity | 👍 | 👍 | 👍 |
| Mask Expansion | |||
| Add | 👍 | 👍 | 👍 |
| Subtract | |||
| Intersect | |||
| Lighten | |||
| Darken | |||
| Difference |
Parenting
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Parenting | 👍 | 👍 | 👍 |
Auto Orient
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Auto Orient | 👍 |
Precomps
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Precomps | 👍 | 👍 |
Track Mattes
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Alpha Matte | 👍 (not IE and Edge) | 👍 | 👍 |
| Alpha Inverted Matte | 👍 (not IE and Edge) | 👍 | |
| Luma Matte | 👍 | ||
| Luma Inverted Matte |
Text Layers
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Linear | 👍 |
Shape Layers
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Anchor Point | 👍 | 👍 | 👍 |
| Position | 👍 | 👍 | 👍 |
| Position Separated | 👍 | 👍 | 👍 |
| Scale | 👍 | 👍 | 👍 |
| Rotation | 👍 | 👍 | 👍 |
| Opacity | 👍 | 👍 | 👍 |
| Group (All properties) | 👍 | 👍 | 👍 |
| Rectangle (All) | 👍 | 👍 | 👍 |
| Elipse (All) | 👍 | 👍 | 👍 |
| Polystar (All) | 👍 | 👍 | 👍 |
| Path | 👍 | 👍 | 👍 |
Fill (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Color | 👍 | 👍 | 👍 |
| Opacity | 👍 | 👍 | 👍 |
| Composite | |||
| Fill Rule | 👍 | 👍 |
Stroke (Shaper Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Color | 👍 | 👍 | 👍 |
| Opacity | 👍 | 👍 | 👍 |
| Width | 👍 | 👍 | 👍 |
| Line Cap | 👍 | 👍 | 👍 |
| Line Join | 👍 | 👍 | 👍 |
| Miter Limit | |||
| Dashes | 👍 | 👍 | 👍 |
Gradient Fill (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Composite | |||
| Fill Rule | 👍 | 👍 | |
| Type Linear | 👍 | 👍 | |
| Type Radial | 👍 | ||
| Start Point | 👍 | 👍 | |
| End Point | 👍 | 👍 | |
| Highlight Length | 👍 | 👍 | |
| Highlight Angle | 👍 | 👍 | |
| Colors | 👍 | 👍 | |
| Opacity | 👍 | 👍 |
Gradient Stroke (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Composite | |||
| Type Linear | 👍 | 👍 | |
| Type Radial | 👍 | 👍 | |
| Start Point | 👍 | 👍 | |
| End Point | 👍 | 👍 | |
| Colors | 👍 | 👍 | |
| Opacity | 👍 | 👍 | |
| Stroke Width | 👍 | 👍 | |
| Line Cap | 👍 | 👍 | |
| Line Join | 👍 | 👍 | |
| Miter Limit | 👍 | 👍 | |
| Dashes | 👍 | 👍 |
Merge Paths (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Merge | 👍 | ||
| Add | 👍 | ||
| Subtract | 👍 | ||
| Intersect | 👍 | ||
| Exclude Intersection | 👍 |
Offset Paths (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| (All Properties) |
Pucker & Bloat (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| (All Properties) |
Repeater (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| (All Properties) |
Round Corners (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Radius |
Trim Paths (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Linear |
Twist (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Linear |
Twist (Shape Layer)
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Linear |