What Lottie versions are supported?

Supports Lottie JSON exported from After Effects via Bodymovin.

Lottie Viewer Online Free

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": "ToolBay 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
    }
  ]
}

How Lottie Viewer works

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

1. Add input. Paste, type, or upload. Use a sample if you just want to see it work.
2. Run it. Processing happens in the browser.
3. Copy or download. Take the output and close the tab.