Lottie renders JSON animation files as SVG or canvas. It works everywhere — web, Android, iOS, Flutter. Pick your platform below.
One CDN script tag, one div, one JSON file. No build tools, no npm. Paste and it works.
Two installs: lottie-react and your icon JSON. Done. Works with any React app, Next.js included.
Load your icon in onMounted with lottie-web. Works the same in Vue 3 and Nuxt.
Airbnb's Lottie library makes this easy. Drop the JSON in res/raw, add one XML tag.
Swift Package Manager install, then LottieAnimationView with a file name. That's it.
Lottie.asset wraps your icon JSON and autoplays. AnimationController if you need full control.
No-Code / CMS
Drop in a Lottie component from the Framer marketplace. Point it at your JSON URL and it plays in the canvas.
Add the lottie-player script to your page head, then use an Embed block to place the icon anywhere.
Use the Custom HTML block with the lottie-player web component. No plugin needed.
Paste your animation into Wix's HTML embed element. Works in any Wix site or Wix Studio project.