Free Lottie FPS Matcher
Standardize a Lottie animation’s frame rate to 24, 30, or 60 fps — without changing its speed or length, 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 FPS
-
Target FPS
-
Duration
-
The Free Lottie FPS Matcher Online
Need to change a Lottie animation’s frame rate to a clean 24, 30, or 60 fps? Our free online FPS matcher retimes any Lottie to a standard frame rate without touching its speed or duration.
It scales every keyframe time by the same factor as the frame-rate change, so the animation plays exactly as before — only the fps value is standardized. Great for syncing with video and keeping a set of animations consistent. Everything runs locally in your browser.
How to Change a Lottie Frame Rate Online
Standardizing frame rate by hand means rescaling every keyframe. This tool does it instantly:
Upload your Lottie JSON file
Drag and drop or click to browse. We accept standard .json files up to 10MB. The source frame rate is detected automatically.
Pick a target frame rate
Choose a preset (24, 30, or 60 fps) or type a custom value. The field starts at your file’s current rate.
Preview live
Watch the retimed animation play at the new frame rate — same speed, same length.
Download
Save the retimed Lottie JSON with the standardized frame rate baked in.
No After Effects, no account, no server uploads — retime in seconds.
Key Features
Speed-Preserving Retime
Keyframe times scale with the frame rate, so the animation’s speed and total duration stay exactly the same — only the fps value changes.
Standard Presets
One click sets the common video and UI frame rates — 24, 30, or 60 fps — so your animation matches the platform you target.
Custom Frame Rate
Need something specific? Type any value from 1 to 120 fps for full control over the output rate.
Live Preview
See the retimed animation the instant you pick a frame rate — no render step, no waiting.
Popular Use Cases
Match Video Frame Rates
Set your animation to 24, 30, or 60 fps so it lines up cleanly with footage in your editor or render pipeline.
Standardize an Animation Set
Bring a mixed collection of Lotties to one consistent frame rate for predictable, uniform playback.
Reduce FPS for Smaller Files
Drop a high source rate down to 24 or 30 fps to keep file size and rendering cost in check.
Bump to 60 fps for Smooth UI
Standardize to 60 fps so motion stays buttery on high-refresh displays and modern interfaces.
Sync With Game Loops
Align Lottie playback to a game or engine tick rate so UI animations and the render loop agree.
Fix Odd Authoring Rates
Some exports use unusual frame rates. Snap them to a clean standard so playback behaves the same everywhere.
Pro Tips
30 fps is a safe default
For most web and app UI animations, 30 fps balances smoothness and file size well.
60 fps for maximum smoothness
Choose 60 fps when the animation has fast motion or runs on high-refresh screens.
Lower fps does not mean slower
Reducing the frame rate keeps the same speed and duration — it only changes how the timing is sampled.
Pair with the Speed Controller
If you actually want to change playback speed, match the fps first, then use the Speed Controller.
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 frame rate?
Upload your Lottie JSON file, pick a target frame rate (24, 30, 60, or a custom value), and the preview updates instantly. Click Download to save the retimed animation.
Will this change my animation’s speed?
No. Every keyframe time is scaled by the same factor as the frame-rate change, so the animation plays at exactly the same speed and lasts the same number of seconds — only the fps value changes.
Why would I standardize frame rate?
Consistent frame rates make a set of animations behave predictably, simplify syncing with video (24/30/60 fps), and can avoid stutter on platforms that assume a specific rate.
Does a higher fps make the animation smoother?
Not by itself — it re-times existing keyframes to the new rate. Smoothness depends on the original keyframes. Matching fps mainly standardizes the file, it does not interpolate new in-between frames.
What is a good target frame rate?
30 fps is a safe default for most UI animations. Use 60 fps for very smooth motion or to match high-refresh video, and 24 fps for a cinematic feel or smaller, simpler files.
Does this change colors, size, or layers?
No. Only timing values (frame rate and keyframe times) are changed. Colors, dimensions, and layers are untouched.
Are my files uploaded to a server?
No. The entire process happens locally in your browser using JavaScript. Your file never leaves your device.
Is it free?
Completely free, with no registration, watermarks, or usage limits.