The newsroom · Main desk
Online Lottie Animation Editor
Edit Lottie JSON, .lot, and .lottie files online without After Effects. Change colors, text, layers, timing, and motion in your browser — then validate, optimize, and export for any platform. Free, no account, no upload.
Open the editor§ 1
What you can edit
- Colors — extract unique colors, replace globally or per-selection, apply brand palettes or dark mode.
- Text — change content, font family, size, tracking, line height, alignment, and fill color.
- Layers — reorder, rename, duplicate, hide, delete, and inspect the full layer hierarchy.
- Transforms — position, scale, rotation, opacity, and in/out timing points.
- Shapes — fill, stroke, width, size, and corner radius for shape layers.
- Speed & timing — base speed (0.25×–3×) and a visual speed-curve editor with presets.
§ 2
Supported formats
Import and export .json (standard Lottie), .lot, and .lottie (dotLottie package) files. Drag and drop or browse to open.
§ 3
Why edit Lottie online?
Lottie animations are typically created in After Effects with the Bodymovin plugin. But reopening the original AE project to make a small color change or timing adjustment is slow and expensive — especially when you don't own the AE license or the original project. Pillow Lottie lets you make those edits directly on the JSON file, in seconds, for free.
§ 4
Edit with AI agents: MCP server & API
Prefer to describe the change instead of clicking? Connect your AI assistant to the Pillow Lottie MCP server (or call the REST API from a script). The agent inspects the file, applies the edits — colors, text, crop, trim, speed, optimization — and gives you back the JSON plus a link that opens the result in this editor for a final look.
https://lottie.pillow-sauce.com/mcphttps://lottie.pillow-sauce.com/api/<tool>- 01
Connect
Add the MCP URL to your assistant (steps below).
- 02
Ask
Attach a Lottie, paste its URL, or paste an editor link — and describe the change.
- 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
Open Settings → Connectors and click “Add custom connector”.
- 2
Name it “Pillow Lottie” and paste the server URL. Leave authentication empty.
urlhttps://lottie.pillow-sauce.com/mcp - 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.
Queries & corrections
Frequently asked questions
- Can I edit Lottie files with ChatGPT or Claude?
- Yes. Add https://lottie.pillow-sauce.com/mcp as a custom MCP connector (Claude: Settings → Connectors; ChatGPT: Developer mode → Create connector) and ask for the edit. Scripts can use the REST API at /api/<tool>.
- Do I need After Effects to use this Lottie editor?
- No. Pillow Lottie works entirely online in your browser. You can edit any Lottie file without After Effects or any installed software.
- Is the Lottie editor free?
- Yes, completely free with no account or signup required.
- Are my files uploaded to a server?
- No. All editing happens locally in your browser. Your files never leave your device.