Edit Lottie files online — free, with AI

Free online Lottie editor. Edit colors, convert to dark mode, crop, and export Lottie JSON to GIF, MP4, PNG and dotLottie. 100% in your browser, no signup.

  • AI dark mode conversion — generate a dark variant of any animation in seconds
  • Color Transformer — batch-swap every color across all layers with live preview
  • Figma-style canvas — drag, scale, rotate, and marquee-select layers directly
  • Universal export — GIF, MP4, optimized JSON, dotLottie, and PNG/SVG frames at up to 4x
  • Smart Paste — paste Lottie JSON or images straight onto the canvas as assets
  • Compare mode — two animations side-by-side with a synchronized playhead
  • Dev Mode — inspect the JSON structure and copy clean code snippets
  • 100% client-side — no signup, no upload, files never leave your browser

Frequently asked questions

What is a Lottie file?

A Lottie file is a JSON-based animation format exported from After Effects (via the Bodymovin plugin) or tools like Figma and LottieLab. It describes vector animations as data, so they stay tiny, scale to any resolution, and play natively on the web, iOS, and Android.

Is Lotiq really free?

Yes. Every feature and export format is free, with no watermarks, no account, and no trial limits. If it saves you time, you can support development with a coffee.

Are my animation files uploaded to a server?

No. Lotiq runs entirely in your browser. Your Lottie files are parsed, edited, and exported locally on your machine. Nothing is uploaded, so your work stays private.

How do I change the colors of a Lottie animation?

Drop your .json file into Lotiq and open the Color Transformer. It detects every color used across all layers and lets you swap them in batch with a live preview. No After Effects needed.

Can I convert a Lottie animation to GIF or MP4?

Yes. Lotiq exports Lottie animations as GIF, MP4, optimized JSON, and dotLottie, plus single frames as PNG, SVG, or JPEG at up to 4x resolution. Rendering happens in your browser.

Can Lotiq convert my animation to dark mode?

Yes, and it's unique to Lotiq. The AI dark mode converter maps your animation's palette to a dark theme automatically, so you get a dark variant in seconds instead of recoloring layers by hand.

Do I need After Effects to edit a Lottie file?

No. Lotiq lets you edit Lottie files directly in the browser: move and delete layers on a Figma-style canvas, recolor, crop, and export, all without opening After Effects or the original source file.