Free to use · No sign-up

Lottie animation inspector

Preview a supported shapes-only animation, scrub frames, inspect layers and duration and export PNG stills.

Shapes-only preview: rectangles, ellipses, static Bézier paths, groups, fills, strokes and 2D transforms. Linear/hold property keyframes only. Assets, expressions, masks, effects, parenting, animated paths and eased/spatial interpolation are rejected. Rendering runs in an isolated worker with no asset loader.

Animation JSON

{
  "v": "5.12.0",
  "w": 400,
  "h": 300,
  "fr": 30,
  "ip": 0,
  "op": 60,
  "assets": [],
  "layers": [
    {
      "ty": 4,
      "nm": "Moving circle",
      "ip": 0,
      "op": 60,
      "ks": {
        "p": {
          "a": 1,
          "k": [
            {
              "t": 0,
              "s": [
                70,
                150
              ],
              "e": [
                330,
                150
              ]
            },
            {
              "t": 59,
              "s": [
                330,
                150
              ]
            }
          ]
        },
        "a": {
          "k": [
            0,
            0
          ]
        },
        "s": {
          "k": [
            100,
            100
          ]
        },
        "r": {
          "k": 0
        },
        "o": {
          "k": 100
        }
      },
      "shapes": [
        {
          "ty": "el",
          "p": {
            "k": [
              0,
              0
            ]
          },
          "s": {
            "k": [
              80,
              80
            ]
          }
        },
        {
          "ty": "fl",
          "c": {
            "k": [
              0.1,
              0.45,
              0.9,
              1
            ]
          },
          "o": {
            "k": 100
          }
        }
      ]
    }
  ]
}

What it does

Preview a supported shapes-only animation, scrub frames, inspect layers and duration and export PNG stills.

How to use it

Import animation JSON or inspect the example, then scrub frames and export a still.
Processing stays in your browser. No upload or sign-up.

Example

The example circle moves linearly across a two-second, 30 FPS animation.

Methodology

A custom Canvas renderer runs in an isolated worker. It supports rectangles, ellipses, static Bézier paths, groups, fills, strokes and 2D transforms with linear/hold numeric keyframes.

Limitations

500 KB JSON, 50 layers, 2,048 px per side, 3,600 frames, 15-second jobs. Assets, expressions, masks, effects, parenting, eased/spatial keyframes, animated paths and unsupported shapes are rejected. This is a limited subset, not full Lottie compatibility.

Automation

This tool runs in your browser. No upload API or MCP endpoint is available.

View capabilities and documentation

Reference updated 2026-09-19

Join the conversation

Helpful tips, questions, and ideas for making this tool better.

Loading discussion…