Duolingo UI: app screens and website
Duolingo has both an app and a website in the library: the Duolingo UI in 45 app screens, walked flow by flow from onboarding onward, and 10 website sections. Every one is free to look at here; sign up to see them full size, with motion and the notes behind each design.
Desktop 5
HeroEducationPlayful illustratedLight
Call to actionEducationPlayful illustratedDark
FeaturesEducationPlayful illustratedLight
Call to actionEducationPlayful illustratedLight
FooterEducationPlayful illustratedLight
Mobile 3
HeroEducationPlayful illustratedLight
FeaturesEducationPlayful illustratedLight
Call to actionEducationPlayful illustratedLight
Full page 1
Full pageEducationPlayful illustratedLight
Web app 1
OnboardingAppPlayful illustratedLight
Onboarding 10
OnboardingAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
CelebrationAndroidPlayful illustratedLight
OnboardingAndroidPlayful illustratedLight
Permission 3
Permission promptAndroidPlayful illustratedLight
Permission promptAndroidPlayful illustratedLight
Permission promptAndroidPlayful illustratedLight
Lesson 6
OtherAndroidPlayful illustratedLight
OtherAndroidPlayful illustratedLight
OtherAndroidPlayful illustratedLight
OtherAndroidPlayful illustratedLight
OtherAndroidPlayful illustratedLight
CelebrationAndroidPlayful illustratedLight
Sign-in / sign-up 5
Sign inAndroidPlayful illustratedLight
Sign inAndroidPlayful illustratedLight
Sign inAndroidPlayful illustratedLight
Sign inAndroidPlayful illustratedLight
Sign inAndroidPlayful illustratedLight
Home 3
HomeAndroidPlayful illustratedLight
HomeAndroidPlayful illustratedLight
ListAndroidPlayful illustratedLight
Empty states 3
Empty stateAndroidPlayful illustratedLight
Empty stateAndroidPlayful illustratedLight
Empty stateAndroidPlayful illustratedLight
Paywall 3
PaywallAndroidPlayful illustratedLight
PaywallAndroidPlayful illustratedDark
PaywallAndroidPlayful illustratedLight
Profile 5
HomeAndroidPlayful illustratedLight
ListAndroidPlayful illustratedLight
OtherAndroidPlayful illustratedLight
ProfileAndroidPlayful illustratedLight
ProfileAndroidPlayful illustratedLight
Settings 4
SettingsAndroidPlayful illustratedLight
SettingsAndroidPlayful illustratedLight
SettingsAndroidPlayful illustratedLight
SettingsAndroidPlayful illustratedLight
Other screens 3
OtherAndroidPlayful illustratedLight
OtherAndroidPlayful illustratedLight
OtherAndroidPlayful illustratedLight
Sign up free to keep browsing
See all 55 Duolingo references full size, with motion and the notes behind each design.
