The Lottie Gazette · Vol. 1, No. 1

Create with Pillow Lottie

Edit, preview, validate, and optimize animations — 100% privately in your browser.

.json.lottie100% private — files never leave your browser

Drag & drop a Lottie file here to start editing

or pick a workflow below — supported formats: .json, .lot, .lottie

Edit existing LottieImport a .json or .lottie file. Edit colors, text, layers, timing, and motion.
Preview animationImport an animation and play it back on the canvas with full transport controls.
Optimize for productionImport an animation and generate an optimized downloadable version for Web, iOS, Android, or all platforms.
Edit with an AI agentConnect Claude, ChatGPT, Cursor or a script via MCP / REST API and edit Lottie files by just asking.

Edit colors and text

Brandify your animation with custom palettes and edit text layers — without After Effects.

Preview on canvas

Play your animation on a clean canvas with fullscreen mode and frame-accurate scrubbing.

Optimize for production

Detect compatibility risks across platforms and ship smaller, smoother Lottie files.

No account · No upload · No cloud processing — export before you refresh or close this tab

Free foreverNo account requiredFiles never leave your browser.json · .lot · .lottie supportedVisual speed-curve editorOne-click optimization

The Lottie Gazette · Vol. 1, No. 1

Free Online Lottie Editor

dit, preview, validate, and optimize Lottie animations in your browser. Change colors, speed, timing, layers, and text — then export for web, iOS, and Android. No After Effects, no upload, no account.

Formats & guarantees

.json.lot.lottie 100% privateFree

Inside this edition

Edit Lottie without After Effects

Pillow Lottie is a complete browser-based editor for Lottie animation files. Import a .json, .lot, or .lottie file and change colors, text, layers, transforms, timing, and motion — all without reopening After Effects or installing any software.

  • Color editing — extract, replace, and brand-palette every color with live preview.
  • Text editing — change content, fonts, size, tracking, and alignment.
  • Layer management — reorder, rename, duplicate, hide, and delete layers.
  • Transform editing — position, scale, rotation, opacity, and in/out points.
§ 2

Speed-curve & timing editor

Speed up, slow down, or precisely retime your Lottie animation with a visual speed-curve editor. A base speed slider (0.25×–3×) and a monotone cubic curve graph let you ramp timing smoothly — something most online Lottie editors don't offer.

Learn about the speed editor →

§ 3

Preview on a clean canvas

Play your animation on a distraction-free canvas with fullscreen mode and frame-accurate scrubbing. Inspect size, FPS, frame count, and asset payload at a glance, then jump straight into editing.

Open the editor →

§ 4

Validate & optimize for production

Get an honest per-platform compatibility report (web, iOS, Android) that flags masks, mattes, merge paths, blur, gradients, expressions, and missing fonts. Then optimize with one click and ship smaller, smoother Lottie files.

Optimize Lottie files →

Distribution

Export anywhere

  • Edited Lottie JSON — clean export with internal markers stripped.
  • Optimized Lottie JSON — one-click auto-optimization with size comparison.
  • .lottie package — ZIP with manifest for the dotLottie format.
  • HTML preview ZIP — self-contained offline preview with embedded speed ramp.
  • PNG / SVG frames — rasterize or export the current frame.
  • Integration snippets — React, HTML/JS, React Native, SwiftUI, Kotlin/Compose.

Wire service · AI agents

Edit Lottie with AI agents — MCP server & API

Connect Claude, ChatGPT, Cursor, VS Code or your own scripts to Pillow Lottie and edit animations by simply asking: recolor to a brand palette, change text, crop, trim, speed up, optimize or validate. The free MCP server and REST API return the edited Lottie JSON and a link that opens the result right here in the editor.

MCP server
https://lottie.pillow-sauce.com/mcp
Streamable HTTP · no auth · stateless
REST API
https://lottie.pillow-sauce.com/api/<tool>
POST JSON · GET /api/tools for schemas
Docs for LLMs
https://lottie.pillow-sauce.com/llms.txtOpen
Full tool & operation reference
  1. 01

    Connect

    Add the MCP URL to your assistant (steps below).

  2. 02

    Ask

    Attach a Lottie, paste its URL, or paste an editor link — and describe the change.

  3. 03

    Review

    The agent returns the edited JSON and a link that opens the result in this editor.

Claude.ai (web) and the Claude desktop app — Pro, Max, Team and Enterprise plans.

  1. 1

    Open Settings → Connectors and click “Add custom connector”.

  2. 2

    Name it “Pillow Lottie” and paste the server URL. Leave authentication empty.

    url
    https://lottie.pillow-sauce.com/mcp
  3. 3

    In a chat, enable the connector from the “Search and tools” menu, then attach or link a Lottie file and describe the edit.

Try asking

  • “Recolor this Lottie to our brand palette #E11D48 / #0F172A and give me an editor link: <URL to .json or .lottie>”
  • “Change the text "Loading…" to "Завантаження…" and make the animation 1.5× faster.”
  • “Crop the animation to the icon in the center with 16 px padding and export it as 512×512.”
  • “Inspect this file and tell me which layers and colors I can change.”

Available tools (11)

lottie_inspect
Size, fps, layers, colors, texts — call first
lottie_edit
Batch of edit operations in one call
lottie_replace_colors
Recolor: {"#FF0000": "#00AAFF"}
lottie_set_text
Change text content, font, size, color
lottie_crop
Crop or resize the canvas
lottie_resize
Scale the whole animation
lottie_trim
Keep a frame / seconds range
lottie_set_speed
Faster, slower or a set duration
lottie_optimize
Smaller file size
lottie_validate
Web / iOS / Android compatibility
lottie_open_in_editor
Link that opens the result here

The server stores nothing: the animation travels with each request, and editor links keep it in the URL fragment (after “#”), which is never sent to any server. Very large files may exceed the free hosting CPU limit — use smaller files or the JSON output.

Editorial policy

Privacy-first by design

Every parse, render, edit, optimization, and export happens inside your browser. No backend, no accounts, no cloud processing. Your files and edits never leave your device. Project state lives in memory only for the active tab session — nothing is stored in IndexedDB, localStorage, or any other persistence layer.

  1. 01

    No upload

    Files are read locally and never transmitted.

  2. 02

    No account

    Open the press and start editing immediately.

  3. 03

    No storage

    State lives in memory for the tab session only.

Queries & corrections

Frequently asked questions

Is Pillow Lottie really free?
Yes. Pillow Lottie is completely free with no account, no signup, and no subscription. Open the editor and start editing immediately.
Do I need After Effects to use Pillow Lottie?
No. Pillow Lottie works entirely in your browser. You can edit any Lottie JSON, .lot, or .lottie file without After Effects or any installed software.
Are my files uploaded to a server?
No. All file processing happens locally in your browser. Your Lottie files and edits never leave your device.
Can AI agents like Claude or ChatGPT edit Lottie files with Pillow Lottie?
Yes. Add the MCP server https://lottie.pillow-sauce.com/mcp as a custom connector in Claude, ChatGPT, Cursor or VS Code, or call the REST API at /api/<tool>. Agents can inspect, recolor, edit text, crop, trim, change speed and optimize Lottie files, and return a link that opens the result in the editor.
Which file formats are supported?
Pillow Lottie supports .json (standard Lottie), .lot, and .lottie (dotLottie package) files for both import and export.

Index

All sections

Color ChangerSpeed EditorOptimizerValidatorConvertervs After EffectsFAQAI agents (MCP)