UI reference · web

Section detail

4 screens · Duolingo

Section detail UI from Duolingo

Patterns

HomeClass & Lesson DetailMulti-Column Layout

Components

buttoncardlist

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