UI reference · web

Learn

3 screens · Duolingo

Learn UI from Duolingo

Patterns

HomeProgress

Components

buttonprogress_indicator

Explore real product flows

Onboarding flow in Duolingo

Completing a quiz flow in Duolingo

Completing a quiz

Canceling a plan flow in Duolingo

Canceling a plan

Starting a free trial flow in Duolingo

Starting a free trial

Learn flow in Duolingo

Completing a lesson flow in Duolingo

Completing a lesson

Creating a profile

Reporting a question flow in Duolingo

Reporting a question

Copying an invitation link flow in Duolingo

Copying an invitation link

Editing an avatar

Logging in flow in Duolingo

Explore the full catalog

Terms and conditions Privacy Cookies