A browser-based editor for Lottie animations, letting you create and adjust them without going through After Effects and the Bodymovin plugin.
Why we recommend it
Lottie is the standard for lightweight animation in apps and on the web, but producing one has traditionally meant After Effects plus an export plugin. Lottielab lets designers edit Lottie files directly, and lets developers tweak an animation without reopening the source project.
Strengths
- Edit existing Lottie JSON directly — invaluable when you need to change a colour or timing on an animation whose source file is long gone. Import from After Effects or Figma. Straightforward handoff, with hosted playback and embed snippets.
Keep in mind
- Younger and less capable than After Effects for authoring complex animation from scratch. Lottie itself has real limits — no video, restricted effects, and rendering fidelity varies across platforms. The free tier is limited on project count and collaboration.
How much does Lottielab cost?
Free tier; paid plans for teams — Free tier, with paid plans.
List price, excluding tax. Compare prices across the directory.
Lottielab alternatives and related tools
Accessibility Insights
Microsoft's free accessibility testing tool with guided manual assessment.
Free
Adobe XD
For designers already inside Adobe Creative Cloud, XD integrates seamlessly with Photoshop and Illustrator for asset-heavy workflows.
Paid
Anima
Converts Figma designs into React, Vue or HTML code.
Freemium