Free Lottie Duration Stretcher
Set the exact total duration of a Lottie animation in seconds — stretch or compress it to fit, with live preview.
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
Source
-
Target
-
FPS
-
The Free Lottie Duration Stretcher Online
Need a Lottie animation to last an exact number of seconds? Our free duration stretcher retimes any animation to fit your target length — stretch it out to play slower, or compress it to play faster.
The frame rate stays the same and all keyframes keep their easing; only their positions in time are scaled. It is the easiest way to match an animation to a video cut, a transition, or a timed interaction. Everything runs locally in your browser.
How to Change a Lottie’s Duration
Matching an animation to an exact length used to mean editing the timeline. Now you just type the seconds:
Upload your Lottie JSON file
Drag and drop or click to browse. The current duration is detected automatically.
Set the target duration
Enter the length in seconds (or drag the slider). The field starts at the animation’s current duration.
Preview live
Watch it play at the new length — same frame rate, retimed motion.
Download
Save the retimed Lottie JSON with the new duration baked in.
No After Effects, no account, no server uploads — retime in seconds.
Key Features
Exact Duration
Type the length you need in seconds instead of guessing a speed multiplier — precise every time.
Keeps the Frame Rate
Only timing scales — the frame rate is preserved, so the file stays compatible with your setup.
Preserves Motion Feel
Keyframes and their easing curves are kept intact; only their positions in time change.
Live Preview
See the retimed animation the instant you change the duration — no render step.
Popular Use Cases
Match a Video Cut
Stretch or compress an animation so it lines up exactly with a clip or scene length.
Slow Down for Emphasis
Extend the duration to make a key moment linger and feel more deliberate.
Speed Up Loaders
Compress a loading animation so it feels snappier and less like waiting.
Fit a Transition Window
Set the animation to the exact length of a page or view transition.
Standardize a Set
Give a batch of animations the same duration for a consistent feel across a UI.
A/B Timing Tests
Try a few durations to find the pacing that reads best before shipping.
Pro Tips
Start from the detected duration
The field is pre-filled with the current length, so you can nudge from there instead of guessing.
Big stretches change perceived speed
Very long durations make motion feel slow-motion; very short ones can feel frantic. Preview to taste.
Pair with the FPS Matcher
Standardize the frame rate first, then set the duration for a fully normalized clip.
Test the loop
After downloading, play the file on repeat to make sure the new length loops cleanly.
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 change a Lottie’s duration?
Upload your Lottie JSON file, set the target duration in seconds, and the preview updates instantly. Download when it plays at the length you want.
Does it change the frame rate?
No. The frame rate stays the same. All keyframe times are scaled so the animation fits the new duration — it plays faster or slower accordingly.
How is this different from the Speed Controller?
The Speed Controller sets a speed multiplier; this tool lets you enter an exact target length in seconds, which is handy when you need to match a specific timing.
What is the minimum and maximum duration?
You can set anywhere from 0.1 to 120 seconds.
Does it keep my keyframes and easing?
Yes. Keyframes and their easing are preserved — only their positions in time are scaled, so the motion feel is retained.
Does it change colors or size?
No. Only timing is changed. Colors, dimensions and layers are untouched.
Are my files uploaded to a server?
No. The entire process happens locally in your browser. Your file never leaves your device.
Is it free?
Completely free, with no registration, watermarks, or usage limits.