Image support
Last updated : April 4, 2024
| Feature | Support | Details |
|---|---|---|
| Shapes | ||
| - Rectangle | ✅ | |
| - Line | ✅ | |
| - Arrow | ✅⚠️ | Supported on single frame (presets) only. |
| Not supported on prototypes. | ||
| - Ellipse | ✅ | |
| - Polygon | ✅ | |
| - Star | ✅ | |
| - Image | ✅⚠️ | Supported as an image fill, but not image in a Frame fill or Auto Layout fill (https://lottiefiles.notion.site/Supported-features-fd9655b3289443518b352f45e0913e83) |
Not supported on single frame (presets) | | | | | | Pen | ✅ | | | Pencil | ✅ | | | | | | | Text | ✅ | Tip: Use a new text layer if text value changes | | | | | | Auto Layout | ✅ | 🆕 | | Frames (and nested frames) | ✅ | 🆕 | | Components | ✅ | 🆕 | | Mask | ✅ | 🆕 | | | | | | Boolean groups | | | | - Union | ✅ | | | - Subtract | ✅ | | | - Intersect | ✅ | | | - Exclude | ✅ | | | | | | | Rotation | ✅ | Tip: For 360 rotations use 179.9 to -179.9 | | | | | | Layer blend modes | ⛔️ | Not yet supported | | | | | | Fills | | | | - Solid color | ✅ | | | - Linear gradient | ✅ | | | - Radial gradient | ✅⚠️ | 🆕 Supported on prototypes, multi frames Not supported on single frame (presets). | | - Angular gradient | ⛔️ | | | - Diamond gradient | ⛔️ | | | - Image | ⛔️ | | | - Video | ⛔️ | | | | | | | Strokes | | | | - Solid color | ✅ | | | - Linear gradient | ✅ | 🆕 (Make sure to use linear gradient fill on the layer across all frames.) | | - Radial gradient | ✅ | 🆕 (Make sure to use radial gradient fill on the layer across all frames.) | | - Angular gradient | ✅⚠️ | Not accurate | | - Diamond gradient | ✅⚠️ | Not accurate | | - Image | ⛔️ | | | - Video | ⛔️ | | | Stroke width | ✅ | | | Stroke position | ✅ | | | Stroke per side | ⛔️ | | | Advanced strokes | ⛔️ | | | | | | | Effects | | | | Drop shadow | ✅⚠️ | Supported on prototypes, multi frames Not supported on single frame (presets). | | Inner shadow | ⛔️ | | | Layer blur | ⚠️ | Supported on prototypes, multi frames (except spread) Not supported on single frame (presets). | | Background blur | ⛔️ | | | | | | | Prototype animation | | | | After Delay duration | ✅ | | | Effect duration | ✅ | | | | | | | Smart animate | | | | Linear | ✅ | | | Ease in | ✅ | | | Ease out | ✅ | | | Ease in and out | ✅ | | | Ease in back | ✅ | | | Ease out back | ✅ | | | Ease in and out back | ✅ | | | Custom bezier | ✅ | | | Gentle | ⛔️ | | | Quick | ⛔️ | | | Bouncy | ⛔️ | | | Slow | ⛔️ | | | Custom spring | ⛔️ | | | | | | | Instant | ✅ | | | Dissolve | ⛔️ | | | Move in | ⛔️ | | | Move out | ⛔️ | | | Push | ⛔️ | | | Slide in | ⛔️ | | | Slide out | ⛔️ | | | | | |
Note: We frequently push updates to provide more support. This table will be updated as we roll out new updates.
Image support