# Export
Export Lottie AI animations as Lottie JSON, dotLottie, SwiftUI, Jetpack Compose, image, video, and Frolic source.

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.

```javascript
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.

```javascript
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](/en/runtimes) (web, iOS, Android, React, Flutter)
- [Lottie JSON](/en/format/lottie-json) players