Free online Lottie editor · No sign-up

Make your Lottie fit your brand

Open a JSON or .lottie file, match your colors and refine the motion. Preview every change, then download edited Lottie JSON for your website or app. Free from import to export.

Edit your Lottie

Give an existing animation your own look and timing

Match your brand colors

Choose a layer and change its fill and stroke colors. Adapt an icon, loader or illustration to your product palette while watching the preview.

Get the timing right

Move and trim layers on the timeline. Set their start, in and out frames, split at the playhead and use snapping to line up the action.

Shape how the motion feels

Edit transform keyframe values and timing. Apply easing presets, retime a selection, reverse it or stagger keyframes to refine an entrance, transition or loop.

Rework the layers you have

Browse nested layers, change their order, duplicate useful elements and hide or delete what you do not need. Adjust position, scale, rotation and opacity in the properties panel.

Try changes and keep the best

See edits in the live preview, scrub to a frame or slow playback to inspect the motion. Undo, redo or reset edits as you work.

Take the edited file with you

Import, edit and download Lottie JSON for free, with no account required. File editing and JSON export run locally in your browser, so you can work directly with your own animation.

See a color edit from start to export

Your file, edited and ready to use

1Open your Lottie JSON or .lottie file. You can also try the sample rocket to explore the editor.
2Select a layer to change its colors, appearance or visibility. Use the timeline and keyframes to adjust the motion.
3Preview the result as you edit. Undo and redo changes until the animation fits your design.
4Download the edited JSON and use it with a Lottie player in your website or app, or hand the file to your developer.

Editing Lottie with VizGPT

Is the whole editing workflow free?

Yes. Import your file, edit colors, layers and keyframes, preview the result and download the edited JSON for free. The file editor needs no account or subscription.

Can I edit Lottie without After Effects or writing code?

Yes. Open your animation in the browser and use the layer panel, color controls and visual timeline. Make a quick brand-color change or refine timing and easing in the same editor.

Which files can I open and download?

Open Lottie JSON or .lottie files. The editor downloads your changes as an editable Lottie JSON file, ready for your website or app development workflow.

Can I change the motion as well as the colors?

Yes. Move or trim layers, edit transform keyframes and apply easing presets. You can retime, reverse, distribute or stagger selected keyframes, then check the result in the live preview.

Where does file editing happen?

Your file is read, edited and exported locally in your browser. The file editor works directly with the animation you choose, so you can customize it and download the result in one place.

Can I try the editor before choosing a file?

Yes. Open the sample rocket to try layer selection, colors and timeline controls. Undo, redo and reset let you explore different edits before exporting.

Need a new animation? Start with an idea

Describe what you want in the AI generator, then refine the result in the workspace editor.