Success

A success check mark draws smoothly along its path.

Preview

Basic rules

Do

  • Show a short success animation alongside a completion message after the operation succeeds.

  • Keep the next action available and communicate success even when animation is reduced.

Don't

  • Do not make users wait for the animation to finish before continuing.

  • Do not leave an optimistic success state visible after the server reports failure.