Visit Lottie  →
Open source

Renders After Effects animations natively on web and mobile as JSON.

PriceFree
PlatformsWeb, iOS, Android

Why we recommend it

It solved a real handoff problem: designers animate in After Effects, developers ship the actual vector animation rather than a video or a GIF, at a fraction of the file size.

Strengths

  • Tiny file sizes versus video or GIF
  • Resolution-independent and scriptable at runtime
  • Native runtimes for web, iOS and Android

Keep in mind

  • Only supports a subset of After Effects features
  • Complex animations can be CPU-heavy on low-end mobile
  • Debugging unsupported effects is frustrating
Is this your tool? Claim this page for free: check the facts, reply to our review and get a badge for your site.
Claim this page

How much does Lottie cost?

Free — Free.

List price, excluding tax. Compare prices across the directory.

Get a badge for your site

Link back to your listing and let people know it’s featured here — no account needed, just copy the code below onto your own site.

Featured on The Design Tools
<a href="https://thedesigntools.site/tools/lottie/" style="display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #E6E6E6;border-radius:999px;font:600 13px sans-serif;color:#171717;text-decoration:none"><span aria-hidden="true">◆</span> Featured on <strong>The Design Tools</strong></a>

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.