Home › App Patterns › Success state
Success state
A screen confirming an action finished successfully.
A success state appears after a meaningful action completes — payment processed, message sent, account created. A clear icon (check mark), a short headline ("Order placed"), and one or two clear next steps make the win feel real.
Match the volume of the celebration to the importance of the action. A subtle inline tick is enough for "Saved." A whole page with a confetti animation belongs to "You completed the course." Always offer a clear way out.