Lottie JSON Viewer & Validator

Upload or paste a Lottie JSON animation to preview it, inspect metadata, validate the structure, and switch between beautified and minified JSON.

Upload JSON

File: demo-animation.jsonSize: 3.4 KBLimit: 1.91 MB

{
  "v": "5.7.4",
  "fr": 60,
  "ip": 0,
  "op": 180,
  "w": 300,
  "h": 140,
  "nm": "Demo Moving Square",
  "ddd": 0,
  "assets": [],
  "layers": [
    {
      "ddd": 0,
      "ind": 1,
      "ty": 4,
      "nm": "Blue Square",
      "sr": 1,
      "ks": {
        "o": {
          "a": 0,
          "k": 100
        },
        "r": {
          "a": 0,
          "k": 0
        },
        "p": {
          "a": 1,
          "k": [
            {
              "t": 0,
              "s": [
                40,
                70,
                0
              ],
              "e": [
                150,
                70,
                0
              ]
            },
            {
              "t": 90,
              "s": [
                150,
                70,
                0
              ],
              "e": [
                260,
                70,
                0
              ]
            },
            {
              "t": 180,
              "s": [
                260,
                70,
                0
              ]
            }
          ]
        },
        "a": {
          "a": 0,
          "k": [
            0,
            0,
            0
          ]
        },
        "s": {
          "a": 0,
          "k": [
            100,
            100,
            100
          ]
        }
      },
      "ao": 0,
      "shapes": [
        {
          "ty": "gr",
          "it": [
            {
              "ty": "rc",
              "d": 1,
              "s": {
                "a": 0,
                "k": [
                  60,
                  60
                ]
              },
              "p": {
                "a": 0,
                "k": [
                  0,
                  0
                ]
              },
              "r": {
                "a": 0,
                "k": 12
              },
              "nm": "Rectangle Path"
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [
                  0.2,
                  0.6,
                  1,
                  1
                ]
              },
              "o": {
                "a": 0,
                "k": 100
              },
              "r": 1,
              "bm": 0,
              "nm": "Fill"
            },
            {
              "ty": "tr",
              "p": {
                "a": 0,
                "k": [
                  0,
                  0
                ]
              },
              "a": {
                "a": 0,
                "k": [
                  0,
                  0
                ]
              },
              "s": {
                "a": 0,
                "k": [
                  100,
                  100
                ]
              },
              "r": {
                "a": 0,
                "k": 0
              },
              "o": {
                "a": 0,
                "k": 100
              },
              "sk": {
                "a": 0,
                "k": 0
              },
              "sa": {
                "a": 0,
                "k": 0
              },
              "nm": "Transform"
            }
          ],
          "nm": "Square Group",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 1,
          "mn": "ADBE Vector Group",
          "hd": false
        }
      ],
      "ip": 0,
      "op": 180,
      "st": 0,
      "bm": 0
    }
  ]
}

Speed

Info

Width

300

Height

140

Duration

3.00s

Layers

FPS

Assets

Size

3.4 KB

Validate

Valid JSONLooks like Lottie

No validation issues found.