Free Lottie Merger
Combine several Lottie animations into one sequential file — reorder clips, unify frame rate and size, preview live, all in your browser.
1. Add your Lottie JSON files
Drag & drop one or more files here or click to browse
Add several .json files (max. 10MB each)
Live Preview
Add Lottie JSON files to see the combined preview
Clips
-
Total frames
-
Duration
-
The Best Free Lottie Merger Online
Need to combine multiple Lottie animations into one file? Our free online Lottie merger concatenates clips into a single sequential animation — perfect for intros, outros, and multi-step sequences.
Each clip is wrapped intact as a precomposition, so nothing is lost: layers, colors, and effects are preserved exactly. Differing frame rates and sizes are unified automatically. Nothing is uploaded — it all runs locally in your browser.
How to Merge Lottie Animations Online
Combining Lottie files by hand means hand-editing JSON timelines and renaming assets. This tool does it for you:
Add your Lottie JSON files
Drag and drop or browse to add one or more .json files. Add as many clips as you want.
Arrange the order
Reorder the clips with the up/down controls, or remove any you do not need. They play top to bottom.
Set frame rate and size
Pick a target frame rate (defaults to the first clip) and choose whether the canvas matches the largest clip or the first one.
Preview live and download
Watch the combined sequence play, then download the single merged Lottie JSON.
No After Effects, no account, no server uploads — combine clips in seconds.
Why Choose Our Lottie Merger?
A few reasons this is the simplest way to combine Lottie files:
Sequential Concatenation
Clips play one after another on a single timeline. The combined duration is simply the sum of every clip — exactly as you ordered them.
Frame-Rate Normalization
Mixing a 24fps clip with a 60fps one? Every clip is retimed to your chosen frame rate so the merged animation plays at one consistent speed.
Lossless Precomp Wrapping
Each animation is wrapped intact as a precomposition, so layers, colors, masks, and effects survive the merge untouched — no flattening, no collisions.
Live Preview
See the full combined sequence play the instant you add, reorder, or remove a clip — no render step.
Common Use Cases for Merging Lottie Files
Concatenating animations is the fastest way to build longer sequences from reusable pieces:
Intro → Content → Outro
Stitch a branded intro, the main animation, and a closing outro into one self-contained file.
Onboarding Steps
Combine separate step animations into a single walkthrough that plays start to finish.
Loader → Success
Chain a loading spinner directly into a success checkmark so the transition lives in one asset.
Icon Showreel
Line up a set of animated icons into a single looping reel for a portfolio or product page.
Micro-interaction States
Assemble individual state animations into one timeline to review the full interaction flow.
Storyboard Assembly
Combine scene-by-scene animations into a single storyboard playback for quick client review.
Tips for Better Results
To get the most out of the Lottie merger:
Order matters
Clips play top to bottom in the list. Use the up/down controls to get the sequence exactly right before downloading.
Match the frame rate
Set a single target frame rate so motion stays smooth and consistent across clips that were authored differently.
Use “Largest” to avoid clipping
If your clips differ in size, the Largest option keeps every animation fully visible and centered on a shared canvas.
Trim clips first
Use the Loop Trimmer to cut each clip to exactly the frames you want before merging for a tighter final sequence.
Privacy and Security
We take your privacy seriously. Unlike most online converters that upload your files to remote servers, our tool processes everything locally.
No uploads – Your files are processed entirely in your browser. They never touch our servers.
No tracking – We don't log which files you convert or what settings you use.
No accounts – Use the tool immediately. No registration, no personal data required.
Inspect it yourself – Open DevTools and watch the network tab. You'll see zero file uploads.
Frequently Asked Questions
Everything you need to know about Lottie animations and our tools.
How do I merge multiple Lottie animations?
Add two or more Lottie JSON files, arrange them in the order you want, then download. The animations play one after another in a single combined file.
Can I reorder the clips?
Yes. Each added clip appears in a list with up/down controls so you can set the exact playback order before downloading.
What if my clips have different frame rates?
Pick a target frame rate (it defaults to the first clip’s). Every clip is retimed to that frame rate so the merged animation plays at a single consistent speed.
What if my clips are different sizes?
Choose “Largest” to use a canvas big enough for every clip (each is centered), or “First clip” to use the first animation’s dimensions.
Does merging change the artwork or colors?
No. Each clip is wrapped intact as a precomposition, so layers, colors, and effects are preserved exactly — only timing and placement are arranged.
How many animations can I combine?
As many as you like. They are concatenated in order; the final duration is the sum of all clip durations.
Are my files uploaded to a server?
No. The entire merge happens locally in your browser using JavaScript. Your files never leave your device.
Is it free?
Completely free, with no registration, watermarks, or usage limits.