Duolingo
Languages, math, music & chess
www.duolingo.com ↗Interface Screenshots Duolingo
Showing 12 of 587
Which UI decisions are documented for Duolingo?
DesignShots contains 587 interface screenshots for Duolingo. It is an iOS app in the Education category, which covers education and online learning. Frame-level labels identify 97 distinct screen types; documented elements include Feedback, Subscription & Paywall, Card, Illustration and Achievements & Awards. At composition level, the project is tagged with 6 UI patterns: Step-by-step product introduction, Control panel with metrics and charts, Data input forms, validation and submission, Settings and configuration page and Content card grid layout. Its extracted palette is led by light tones, with the HEX values displayed on the page. For analysis, compare repeated screen types within Duolingo, then open the linked patterns and other Education products. This separates a durable interface pattern from a treatment unique to one product. Every figure comes from the published collection; captures filed under older versions are excluded from the current count.
More about DuolingoHide
Interface Design Duolingo
Duolingo — an iOS App in the Education. Education and online learning. Languages, math, music & chess. The interface includes 6 UI patterns: Step-by-step product introduction, Control panel with metrics and charts, Data input forms, validation and submission, Settings and configuration page, Content card grid layout, Side navigation panel. The color palette is built on light tones.
UI Patterns in Duolingo
What the Duolingo screens show
The set covers 97 distinct screen types, showing which parts of the product are documented.
- Illustration16
- Quiz12
- Button8
- Progress Indicator8
- Acknowledgement & Success7
- Badge7
- Bottom Sheet4
- Card4
- Class & Lesson Detail4
- Dynamic Island4
- Loading4
- Progress4
- Subscription & Paywall4
- Text Field4
- Tile4
- Widgets4
- Accordion3
- Banner3
- Chip3
- Date & Time3
- Error3
- Feedback3
- Full-Screen Overlay3
- Loading Indicator3
- Settings & Preferences3
- Stacked List3
- Table3
- Verification3
- Account Setup2
- Achievements & Awards2
- Audio & Video Recorder2
- Avatar2
- Carousel2
- Coach Marks2
- Confetti2
- Divider2
- Empty State2
- Floating Action Button2
- Follow & Subscribe2
- Followers & Following2
- Forgot Password2
- Guided Tour & Tutorial2
- Invite Teammates2
- Live Activities2
- Other Content2
- Pricing2
- Search Bar2
- Select2
- Share2
- Signup2
- Status Dot2
- Switch2
- Tab2
- Timer & Clock2
- Toolbar2
- Tooltip2
- Top Navigation Bar2
- Welcome & Get Started2
- Add & Create1
- Audio Player1
- Billing1
- Browse & Discover1
- Calendar1
- Cancel1
- Charts1
- Checkbox1
- Color Picker1
- Comments1
- Confirmation1
- Dashboard1
- Delete1
- Delete & Deactivate Account1
- Dialog1
- Drawer1
- Edit1
- Goal & Task1
- Home1
- Leaderboard1
- Like & Upvote1
- Login1
- Logo1
- Misc1
- My Account & Profile1
- Other Action1
- Permission1
- Rating Control1
- Reminder1
- Search1
- Set1
- Shop & Storefront1
- Social Feed1
- Splash Screen1
- Suggestions & Similar Items1
- Tab Bar1
- Timeline & History1
- Toast1
- User / Group Profile1
FAQ
How many screenshots of Duolingo are in the collection?
The collection contains 587 UI screenshots of Duolingo, covering key product screens.
What category does Duolingo belong to?
Duolingo is an iOS App in the Education category.
How to use screenshots as design reference?
Study UI/UX design solutions for inspiration when designing Education products.
The screenshots come from the real product and document the interface as it appeared when captured.

















