Import Lottie
Open Lottie JSON and dotLottie files as editable animations, with layers, keyframes, precomps, common expressions and editable motion paths.
EaseKit opens Lottie files as real, editable animations: not a player, but layers and keyframes you can change, restyle and re-export.
- Choose File → Import Lottie… (⇧⌘L), drag a
.jsonor.lottiefile onto EaseKit, or use Open With in Finder. - The animation opens in a new session.
- If something couldn't be kept exactly, a notice says so; click Details for the list.
What comes across
| In the Lottie file | In EaseKit |
|---|---|
| Shape layers, rectangles, ellipses, paths | Vector, rectangle and ellipse layers |
| Fills, strokes, gradients | Fills, borders, gradients |
| Trim paths | Trim start, end and offset |
| Nulls and parenting | Groups |
| Precomps | Components; time remapping becomes start, speed, loop or hold |
| Images and text | Image and text layers (embedded images are extracted) |
| Bézier and hold keyframes | Keyframes with their easing |
| Animated paths | Shape keys |
| Track mattes and masks | Masks (Use as Mask) |
| Drop shadow and blur effects | Shadows and blur |
loopOut("cycle"), loopOut("pingpong"), loopOut("offset") | The keys repeat to the end of the animation, as real keyframes |
wiggle(freq, amp) on position, rotation, scale or opacity | A Wiggle action with the same frequency and amplitude |
| Curved motion paths (spatial tangents) | A hidden, editable path layer the layer follows |
Curved motion paths
When a layer in the Lottie file moves along a curve, EaseKit keeps the curve as a path instead of sampling it: a hidden vector layer named “<layer> path” (with its stroke off) holds the route, and the layer follows it with the original keys' timing and easing. Show the path layer to see the route, and edit its points to change where the layer travels. See Motion paths.