What Lottie versions are supported?

Supports Lottie JSON exported from After Effects via Bodymovin.

Lottie Viewer

Preview Lottie JSON animations in the browser. Inspect layers, adjust speed, and export frames.

Processed in your browser
Privacy-first
No account required
Nothing uploaded by default

Upload JSON

Speed (1.0x)

Loop

Lottie JSON

{
  "v": "5.7.4",
  "fr": 30,
  "ip": 0,
  "op": 60,
  "w": 200,
  "h": 200,
  "nm": "DevKit Pulse",
  "ddd": 0,
  "assets": [],
  "layers": [
    {
      "ddd": 0,
      "ind": 1,
      "ty": 4,
      "nm": "Circle",
      "sr": 1,
      "ks": {
        "o": {
          "a": 0,
          "k": 100
        },
        "r": {
          "a": 0,
          "k": 0
        },
        "p": {
          "a": 0,
          "k": [
            100,
            100,
            0
          ]
        },
        "a": {
          "a": 0,
          "k": [
            0,
            0,
            0
          ]
        },
        "s": {
          "a": 1,
          "k": [
            {
              "t": 0,
              "s": [
                60,
                60,
                100
              ],
              "e": [
                100,
                100,
                100
              ]
            },
            {
              "t": 30,
              "s": [
                100,
                100,
                100
              ],
              "e": [
                60,
                60,
                100
              ]
            },
            {
              "t": 60,
              "s": [
                60,
                60,
                100
              ]
            }
          ]
        }
      },
      "ao": 0,
      "shapes": [
        {
          "ty": "el",
          "p": {
            "a": 0,
            "k": [
              0,
              0
            ]
          },
          "s": {
            "a": 0,
            "k": [
              80,
              80
            ]
          }
        },
        {
          "ty": "fl",
          "c": {
            "a": 0,
            "k": [
              0.051,
              0.58,
              0.533,
              1
            ]
          },
          "o": {
            "a": 0,
            "k": 100
          },
          "r": 1
        }
      ],
      "ip": 0,
      "op": 60,
      "st": 0,
      "bm": 0
    }
  ]
}