EasyLottie
Local Lottie viewer

Lottie Preview — Play, Inspect, and Test Lottie Files Online

Preview Lottie JSON or ZIP files instantly in your browser. Test playback speed, loop mode, background color, dimensions, and export options without uploading your files.

  • JSON / ZIP support
  • Multiple file preview
  • Playback controls
  • Local browser processing

Local Lottie viewer

Preview and inspect Lottie files before shipping

The Preview tool below keeps the existing upload, player, speed, loop, background, dimension, file information, file list, and export controls working exactly as before.

Lottie预览
未选择文件
📁

拖拽文件到这里

或者点击按钮选择文件

支持 .json, .zip 格式

使用提示
• 支持多种格式:JSON、ZIP压缩包
• 可以同时上传多个文件进行预览
• 使用控制面板调整播放参数和预览尺寸

正在处理文件...

Animation inspector controls

Preview, test, and inspect before you edit or ship

Use Preview to upload a Lottie file, test playback, switch backgrounds, check metadata, and decide whether the animation needs color or image edits.

  1. Upload JSON or ZIP

    Drop one or more Lottie files into the browser-based viewer.

  2. Preview the animation

    Play the animation immediately with referenced assets resolved where possible.

  3. Adjust playback and background

    Change speed, loop mode, background color, and preview dimensions.

  4. Inspect file information

    Review metadata and file details before handing off or editing.

Four-step workflow for uploading, playing, styling, and inspecting a Lottie file

Why use this tool

Use Preview as the first stop for downloaded, generated, or handoff Lottie files before recoloring, replacing images, or shipping them in an app.

Check downloaded Lottie files before using them in production

Test animation speed and loop behavior

Preview animations on different backgrounds

Inspect file size, dimensions, frame rate, and duration

Prepare files before moving to Color Swap or Image Replace

How it works

  1. 1

    Upload JSON or ZIP

    Drop one or more Lottie files into the browser-based viewer.

  2. 2

    Preview the animation

    Play the animation immediately with referenced assets resolved where possible.

  3. 3

    Adjust playback and background

    Change speed, loop mode, background color, and preview dimensions.

  4. 4

    Inspect file information

    Review metadata and file details before handing off or editing.

  5. 5

    Continue to editing tools

    Move to Color Swap or Image Replace when the file needs visual changes.

Frequently asked questions

How can I preview a Lottie JSON online?

Upload the JSON file to EasyLottie Preview and it will render locally in your browser.

Can I preview ZIP files with image assets?

Yes. ZIP packages with referenced image assets are supported and resolved by the viewer.

Are my files uploaded?

No. Files are loaded and rendered locally in your browser.

Can I change playback speed?

Yes. The preview tool includes playback speed controls, loop settings, and stop/play controls.

Can I preview multiple files?

Yes. The tool supports a file list so you can switch between multiple uploaded animations.

Why does my Lottie not render correctly?

Some Lottie files use unsupported expressions, missing external assets, or renderer-specific features. Try checking the file package and referenced asset paths.