Skip to main content
Lottie3 min readNovember 2026

Why is my Lottie animation playing too fast?

Short answer

Usually the animation itself is short or was exported with a different frame rate than you expect, and the player plays it as written. Slow it down with the player's speed setting, for example anim.setSpeed(0.5) in lottie-web or the speed prop in React and React Native. If the timing is wrong everywhere, fix the composition in After Effects and re-export.

Core Takeaway

  • The file stores its frame rate (fr) and length (ip to op frames)
  • Players play that timing; the speed setting scales it
  • lottie-web: anim.setSpeed(0.5); lottie-react: lottieRef.current.setSpeed(0.5)
  • Android: animationView.speed = 0.5f; iOS: animationSpeed = 0.5
  • Fix it in After Effects if every platform looks wrong

A Lottie file contains its frame rate (the fr value) and its first and last frame (ip and op). Duration is (op - ip) / fr seconds. The player respects that. If it feels too fast, check those values first: a file meant to last 2 seconds that was built at 60 fps but stretched over 60 frames will last 1 second.

Slow it down in code

// lottie-web
anim.setSpeed(0.5); // half speed

// lottie-react
lottieRef.current?.setSpeed(0.5);

On Android set animationView.speed = 0.5f, in Compose pass speed = 0.5f to animateLottieCompositionAsState, and on iOS set animationView.animationSpeed = 0.5. In React Native, lottie-react-native has a speed prop.

When to fix the file instead

If the animation is too fast on every platform, fix the source: stretch the keyframes in After Effects or change the composition length, then export again. If it is only too fast on one platform, check that you are on a current player version and that no code is calling setSpeed elsewhere.

Choppy is a different problem

An animation that looks jerky rather than fast is usually a performance issue: too many layers, masks or images for the device. Simplify the file.

Frequently asked questions

How do I find a Lottie file's frame rate?

Open the JSON and read the top-level fr value. ip and op are the first and last frames.

Can I play a Lottie in reverse?

Yes. In lottie-web call anim.setDirection(-1). Most players have a direction or negative speed option.

Does changing speed affect quality?

No. The player interpolates keyframes at the new speed, so it stays smooth.

What duration should UI animations have?

Most UI transitions feel right between about 150 and 400 ms. Decorative illustrations can be longer.

Related Guides & Examples

Tune timing with springs

ExodeUI uses spring physics, so you tune stiffness and damping instead of fixed durations.

Try the spring generator
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →