Export

Click Export in the Studio and pick a target. Your Controls adjustments are included in every format. Lottie AI uses Frolic, an animation DSL, so you can also export the Frolic source.

Format	You get	Use it for
Lottie JSON	A `.json` file	Any Lottie player or runtime
dotLottie (Recommended)	A zipped `.lottie` file with theming and state machines	Smaller files and the dotLottie players
SwiftUI	Swift code for a SwiftUI view	Native iOS, iPadOS, and macOS apps
Jetpack Compose	Kotlin code for a composable	Native Android apps
Animated GIF	256-color animation with hard-edged transparency	Simple animated images
MP4	MP4 video	Video playback and sharing
WebM	VP9 video	Video on the web
Poster (PNG)	One mid-timeline frame	Static previews and thumbnails
PNG sequence	Every frame as a numbered PNG	Frame-by-frame editing and compositing
Sprite sheet	All frames on one sheet, plus JSON	Sprite-based animation workflows
Animated PNG	Lossless animation with transparency; server-rendered	Animated images with transparency
Animated WebP	Full-color transparent animation; server-rendered; smaller than GIF	Compact animated images
MOV (ProRes 4444)	Editing-grade video with transparency; server-rendered	Video editing and compositing
Frolic	Procedural source you can re-run	Source-based animation workflows

Lottie JSON

The standard Lottie format, playable in any Lottie player or runtime.

import lottie from "lottie-web";

lottie.loadAnimation({
  container: document.getElementById("anim"),
  renderer: "svg",
  loop: true,
  autoplay: true,
  path: "animation.json",
});

dotLottie (.lottie)

A compressed archive of your animation and its assets, usually much smaller than JSON.

import { DotLottie } from "@lottiefiles/dotlottie-web";

new DotLottie({
  canvas: document.querySelector("#canvas"),
  src: "animation.lottie",
  loop: true,
  autoplay: true,
});

SwiftUI

Native Swift code for a SwiftUI view. Add the exported file to your Xcode project and place the view in your layout like any other SwiftUI view.

Jetpack Compose

Native Kotlin code for a composable function. Add the exported file to your Android module and call the composable from your UI.

Using your animation

For player options, events, and platform runtimes, see the existing LottieFiles docs:

dotLottie players and runtimes (web, iOS, Android, React, Flutter)
Lottie JSON players