Skip to content

Lottie success checkmark

At 48 px

Static alternative

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

A checkmark that grows into a circular badge.

Customize a confirmation animation

  1. Play the preview to see the checkmark appear inside its badge.
  2. Change the badge and stroke colors while keeping the mark readable.
  3. Open in editor to adjust the short and long check strokes or their entrance timing.
  4. For a confirmation, configure your application player to play once and keep the completed state visible. The template preview repeats for inspection.

Show success only after the action actually completes. Pair it with a written confirmation rather than relying on green or motion alone.

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.