Skip to content

Lottie loading spinner

At 48 px

Static alternative

Reduced-motion preference pauses autoplay. Use a static state in your app when motion is reduced.

A rotating spinner with 12 editable segments.

Customize the spinner loop

  1. Press Play to preview the twelve segments rotating over two seconds.
  2. Choose a color that contrasts with your interface. Segment opacity creates the fading trail.
  3. Set Speed to 2× for a one-second loop or 0.5× for four seconds. This retimes the project keyframes.
  4. Open in editor to adjust the segment dimensions. Keep the circular movement and rotation synchronized to avoid wobble.

Show while a task is pending. Hide it when loading finishes; the animation does not track progress. Check the loop at the small size your interface uses.

Follow the full tutorial and video

Keep your edits and choose an export

Download editable project saves your current colors and timing as a .motion backup, without an account. Reopen it in Lottieditor to continue editing. It is not a Lottie player file.

The editor requires sign-in for animation exports. Free accounts get five watermarked GIF exports per month. Pro provides unwatermarked Lottie, dotLottie, GIF, and browser-supported video exports. View editor plans.