Lottie Loop Trimmer
Trim your Lottie animations by setting custom in/out points. Cut unwanted frames, create perfect loops, and optimize file size - all in your browser.
1. Upload your Lottie JSON file
Drag & drop your file here or click to browse
Only .json files (max. 10MB)
Live Preview
Upload a Lottie JSON file to see the preview
Size
-
Duration
-
FPS
-
Trim and Perfect Lottie Animation Loops
Need to create a seamless Lottie loop or cut out unnecessary intro/outro frames? Our loop trimmer gives you frame-perfect control over your animation timing with live preview.
Set custom in and out points, trim animations to specific segments, and create perfect loops by matching start and end states. All with real-time preview and instant downloads.
How to Trim Lottie Animations
Create perfect loops and custom segments with frame-level precision:
Upload your Lottie file
Drag and drop your .json animation. The tool loads it and displays the full timeline with frame range.
Set in and out points
Drag the sliders to select your desired start frame (in point) and end frame (out point). Precision controls for exact frame numbers.
Preview your trimmed loop
Watch the animation play with your new timing in real-time. Verify the loop is seamless before downloading.
Download trimmed animation
Export the modified Lottie file with updated frame range. JSON is rewritten with new in/out point values.
All trimming happens client-side in your browser. No uploads, instant preview, frame-perfect control.
Perfect Your Animation Timing
Powerful tools for creating seamless loops and custom segments:
Frame-by-Frame Control
Precise in/out point sliders let you trim down to individual frames for perfect timing control.
Live Preview
See your trimmed animation play in real-time as you adjust the in/out points. No guesswork, instant feedback.
Perfect Loops
Create seamless loops by trimming intro/outro frames to match start and end states. Loop detection helps identify ideal cut points.
Duration Display
See exact duration in frames, seconds, and percentage. Know precisely how long your trimmed animation will be.
When to Use Loop Trimmer
Trimming unlocks better performance and perfect timing:
Loading Animations
Remove intro sequences to create instant-start loaders. Cut straight to the continuous loop segment for better UX.
Background Effects
Extract specific segments for continuous ambient animations. Trim to just the looping portion without one-time intro effects.
Icon Animations
Cut to the active state for hover/click interactions. Remove unnecessary lead-in animation for snappier micro-interactions.
Performance Optimization
Reduce playback duration for faster mobile rendering. Shorter animations use less CPU and battery on devices.
Storyboard Extraction
Extract individual scenes from multi-scene animations. Trim to specific narrative segments for modular use.
Timing Adjustments
Fix animations that are too long or too short. Trim fat from exported After Effects projects without re-rendering.
Loop Trimming Best Practices
Create perfect seamless loops:
Match start and end states
For seamless loops, the last frame should visually match the first. Use frame inspector to verify start/end positions align perfectly.
Test loop in preview
Watch the loop play several times before downloading. Jarring transitions are easier to spot when the animation repeats continuously.
Trim conservatively first
Start with a wider range and gradually tighten. Easier to trim more than to undo aggressive cuts that removed too much.
Keep original file
Save your original before trimming. Trimming modifies the JSON permanently – keep an untrimmed backup for future variations.
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.
What does trimming a Lottie animation do?
Trimming lets you set custom in and out points to cut unwanted frames from the beginning or end of your animation. This is useful for creating perfect loops, removing intro/outro segments, or reducing file size by removing unused frames.
Will trimming reduce my file size?
Trimming mainly reduces playback duration rather than file size, since Lottie animations store layer data for the entire timeline. To also reduce file size, use our Lottie Minifier tool after trimming to remove unused assets and metadata.
What are in/out points?
In/out points define the start and end frames of your animation. The "in point" is the first frame that plays, and the "out point" is the last frame. Adjusting these values lets you trim the animation without modifying the original layer data.
Can I trim multiple segments from one animation?
Currently, the trimmer supports one continuous segment (from in point to out point). To extract multiple segments, you can trim different sections separately and save them as individual files.
Does this work with dotLottie files?
The trimmer currently works with standard Lottie JSON files. If you have a .lottie file, first convert it to JSON using our DotLottie Converter tool, then trim it here.
How do I create a perfect loop?
Use the preview to find where your animation loops seamlessly. Set the in point just after any intro animation, and the out point just before the last frame that matches the first frame. Enable loop mode in your player for continuous playback.