[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fduolingo\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":399,"links":400,"dates":458},"\u002Fexamples\u002Fapps\u002Fduolingo\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Duolingo product screens examples - Nicelydone","Browse Duolingo screen design examples. Preview the interface screenshots and explore related UI patterns. Free language education for the world","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_sign-in_b0dce8e9_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Duolingo design examples","\u002Fexamples\u002Fapps\u002Fduolingo",{"label":23,"to":4},"Duolingo product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"Duolingo","duolingo","Free language education for the world","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fduolingo-2d917368.png","https:\u002F\u002Fwww.duolingo.com",[35,39],{"id":36,"title":37,"slug":38},1,"Communities","communities",{"id":40,"title":41,"slug":42},33,"E-Learning","e-learning",[44,77,100,116,127,167,201,247,283,315,344,376],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":75},"e9bb50b8-4f01-4802-b615-74a75c2e3d2f","Sign in","Landing page where a user can start learning a new language or open a popover to sign in via email, Google, or Facebook.",2800,1544,"Sign in from Duolingo","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},136,"Landing Page","landing-page",0,{"id":59,"label":60,"slug":61},15,"Marketing Page Types","marketing-page-types",[63,67,71],{"id":64,"title":65,"slug":66},258,"Header","header",{"id":68,"title":69,"slug":70},214,"Popover","popover",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":48,"height":82,"image_alt":83,"kind":51,"patterns":84,"component_categories":87,"app":98},"9052026d-1d63-4e2c-883b-caeb1e97c48f","Sign up","Landing page where the user selects a language to learn from a grid of options and views core product features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_sign-up_d8d874f2_nicelydone.jpg",7612,"Sign up from Duolingo",[85],{"id":54,"label":55,"slug":56,"rank":57,"group":86},{"id":59,"label":60,"slug":61},[88,92,93,97],{"id":89,"title":90,"slug":91},202,"Footer","footer",{"id":64,"title":65,"slug":66},{"id":94,"title":95,"slug":96},174,"Card","card",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":79,"description":102,"canonical_path":4,"image":103,"width":48,"height":49,"image_alt":83,"kind":51,"patterns":104,"component_categories":112,"app":114},"ae7f8fb0-025c-4720-9600-47857b17d31e","Onboarding step where the user chooses between starting at the basics or taking a placement test for French.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_sign-up-2_b0f8ce43_nicelydone.jpg",[105],{"id":106,"label":107,"slug":108,"rank":57,"group":109},5,"Sign Up","sign-up",{"id":36,"label":110,"slug":111},"Access & Account","access-and-account",[113],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":79,"description":118,"canonical_path":4,"image":119,"width":48,"height":49,"image_alt":83,"kind":51,"patterns":120,"component_categories":123,"app":125},"d4e70cd0-537d-46e4-ad5e-41b680da2536","Onboarding step where the user selects a daily language learning goal ranging from 5 to 20 minutes per day.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_sign-up-3_afa4f907_nicelydone.jpg",[121],{"id":106,"label":107,"slug":108,"rank":57,"group":122},{"id":36,"label":110,"slug":111},[124],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":4,"image":131,"width":48,"height":132,"image_alt":133,"kind":51,"patterns":134,"component_categories":154,"app":165},"941615d1-2982-45cf-8a7c-d49ef30aa8ea","Onboarding","Onboarding screen where the user is prompted to take a placement test to jump ahead in their language learning journey.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_onboarding_84a08d59_nicelydone.jpg",1640,"Onboarding from Duolingo",[135,143,148],{"id":136,"label":137,"slug":138,"rank":57,"group":139},74,"Onboarding Checklist","onboarding-checklist",{"id":140,"label":141,"slug":142},7,"Onboarding & Education","onboarding-and-education",{"id":144,"label":145,"slug":146,"rank":36,"group":147},75,"Setup Wizard","setup-wizard",{"id":140,"label":141,"slug":142},{"id":149,"label":150,"slug":151,"rank":152,"group":153},72,"Getting Started","getting-started",2,{"id":140,"label":141,"slug":142},[155,159,163,164],{"id":156,"title":157,"slug":158},240,"Horizontal navigation","horizontal-navigation",{"id":160,"title":161,"slug":162},169,"Avatar","avatar",{"id":94,"title":95,"slug":96},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":129,"description":169,"canonical_path":4,"image":170,"width":48,"height":132,"image_alt":133,"kind":51,"patterns":171,"component_categories":190,"app":199},"c75e7b75-bf4d-42eb-b91c-787cd0f9b783","Detail page where the user translates the phrase 'Agreed?' into French and receives a green success banner with a prompt to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_onboarding-2_284a4122_nicelydone.jpg",[172,180,182],{"id":173,"label":174,"slug":175,"rank":57,"group":176},122,"Success","success",{"id":177,"label":178,"slug":179},12,"States & Feedback","states-and-feedback",{"id":136,"label":137,"slug":138,"rank":36,"group":181},{"id":140,"label":141,"slug":142},{"id":183,"label":184,"slug":185,"rank":152,"group":186},82,"Media Detail","media-detail",{"id":187,"label":188,"slug":189},8,"Pages & Content","pages-and-content",[191,195,196,197,198],{"id":192,"title":193,"slug":194},277,"Button group","button-group",{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":94,"title":95,"slug":96},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":203,"description":204,"canonical_path":4,"image":205,"width":48,"height":49,"image_alt":206,"kind":51,"patterns":207,"component_categories":236,"app":245},"7c45491c-6ce2-45d7-9d15-947bc62fd762","Empty state","Onboarding screen in a logged-out state where the user is prompted to choose between starting from basics or taking a placement test, alongside daily goal tracking and profile creation nudges.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_empty-state_a7070f15_nicelydone.jpg","Empty state from Duolingo",[208,210,215,223,228],{"id":136,"label":137,"slug":138,"rank":57,"group":209},{"id":140,"label":141,"slug":142},{"id":211,"label":212,"slug":213,"rank":36,"group":214},77,"Welcome","welcome",{"id":140,"label":141,"slug":142},{"id":216,"label":217,"slug":218,"rank":152,"group":219},3,"Profile","profile",{"id":220,"label":221,"slug":222},11,"Social & Collaboration","social-and-collaboration",{"id":224,"label":225,"slug":226,"rank":216,"group":227},115,"Empty State","empty-state",{"id":177,"label":178,"slug":179},{"id":229,"label":230,"slug":231,"rank":232,"group":233},44,"Progress","progress",4,{"id":232,"label":234,"slug":235},"Data & Analysis","data-and-analysis",[237,241,242,243,244],{"id":238,"title":239,"slug":240},233,"Tabs","tabs",{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":94,"title":95,"slug":96},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":249,"description":250,"canonical_path":4,"image":251,"width":48,"height":252,"image_alt":253,"kind":51,"patterns":254,"component_categories":271,"app":281},"1ed3ddea-fb81-42e7-ba0b-53ea0b3989be","Home","Home screen where the user navigates their language learning path, tracks daily goals, and views a weekly leaderboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_home_921b7cc9_nicelydone.jpg",11464,"Home from Duolingo",[255,259,264,266],{"id":256,"label":249,"slug":257,"rank":57,"group":258},81,"home",{"id":187,"label":188,"slug":189},{"id":260,"label":261,"slug":262,"rank":36,"group":263},108,"Leaderboard","leaderboard",{"id":220,"label":221,"slug":222},{"id":229,"label":230,"slug":231,"rank":152,"group":265},{"id":232,"label":234,"slug":235},{"id":267,"label":268,"slug":269,"rank":216,"group":270},41,"Dashboard","dashboard",{"id":232,"label":234,"slug":235},[272,273,277,278,279,280],{"id":238,"title":239,"slug":240},{"id":274,"title":275,"slug":276},260,"Badge","badge",{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":94,"title":95,"slug":96},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":282},[],{"uuid":284,"title":285,"description":286,"canonical_path":4,"image":287,"width":48,"height":49,"image_alt":288,"kind":51,"patterns":289,"component_categories":306,"app":313},"8f5ed14f-58f5-4d82-854e-19da17199135","Dropdown","Home screen where the user views their language learning path, tracks daily goals, and reviews recent friend requests via a notification popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_dropdown_957208ce_nicelydone.jpg","Dropdown from Duolingo",[290,292,294,296,301],{"id":256,"label":249,"slug":257,"rank":57,"group":291},{"id":187,"label":188,"slug":189},{"id":267,"label":268,"slug":269,"rank":36,"group":293},{"id":232,"label":234,"slug":235},{"id":229,"label":230,"slug":231,"rank":152,"group":295},{"id":232,"label":234,"slug":235},{"id":297,"label":298,"slug":299,"rank":216,"group":300},110,"Notifications","notifications",{"id":220,"label":221,"slug":222},{"id":302,"label":303,"slug":304,"rank":232,"group":305},113,"Social Feed","social-feed",{"id":220,"label":221,"slug":222},[307,308,309,310,311,312],{"id":68,"title":69,"slug":70},{"id":274,"title":275,"slug":276},{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":94,"title":95,"slug":96},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":217,"description":317,"canonical_path":4,"image":318,"width":48,"height":319,"image_alt":320,"kind":51,"patterns":321,"component_categories":336,"app":342},"6edd5b74-eeb3-4eb0-b02c-ffc67dc91210","User profile page displaying an activity timeline, language learning progress, and a friends list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_profile_bf291829_nicelydone.jpg",2138,"Profile from Duolingo",[322,324,329,334],{"id":216,"label":217,"slug":218,"rank":57,"group":323},{"id":220,"label":221,"slug":222},{"id":325,"label":326,"slug":327,"rank":36,"group":328},38,"Activity Log","activity-log",{"id":232,"label":234,"slug":235},{"id":330,"label":331,"slug":332,"rank":152,"group":333},46,"Stats","stats",{"id":232,"label":234,"slug":235},{"id":302,"label":303,"slug":304,"rank":216,"group":335},{"id":220,"label":221,"slug":222},[337,338,339,340,341],{"id":238,"title":239,"slug":240},{"id":274,"title":275,"slug":276},{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":94,"title":95,"slug":96},{"slug":30,"title":29,"logo":32,"categories":343},[],{"uuid":345,"title":346,"description":347,"canonical_path":4,"image":348,"width":48,"height":349,"image_alt":350,"kind":51,"patterns":351,"component_categories":368,"app":374},"e20cfc44-d0f8-4c0b-9e49-f519d63a66ee","Settings","Settings page where the user configures their account details like username, email, audio preferences, and profile picture.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_settings_ae3bbee5_nicelydone.jpg",1986,"Settings from Duolingo",[352,360,362],{"id":353,"label":354,"slug":355,"rank":57,"group":356},94,"Account Settings","account-settings",{"id":357,"label":358,"slug":359},10,"Settings & Admin","settings-and-admin",{"id":216,"label":217,"slug":218,"rank":36,"group":361},{"id":220,"label":221,"slug":222},{"id":220,"label":363,"slug":364,"rank":152,"group":365},"Edit","edit",{"id":152,"label":366,"slug":367},"Actions","actions",[369,370,371,372,373],{"id":274,"title":275,"slug":276},{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":94,"title":95,"slug":96},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":375},[],{"uuid":377,"title":378,"description":379,"canonical_path":4,"image":380,"width":48,"height":381,"image_alt":382,"kind":51,"patterns":383,"component_categories":391,"app":397},"2678c5fa-257a-4df7-b1ec-428c02fa52fd","Team","Settings page where the user can connect their account to a classroom by entering a teacher's email address to share their learning progress.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_team_21f4cfe9_nicelydone.jpg",1650,"Team from Duolingo",[384,386],{"id":353,"label":354,"slug":355,"rank":57,"group":385},{"id":357,"label":358,"slug":359},{"id":387,"label":388,"slug":389,"rank":36,"group":390},104,"Team Management","team-management",{"id":357,"label":358,"slug":359},[392,393,394,395,396],{"id":274,"title":275,"slug":276},{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":94,"title":95,"slug":96},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":398},[],[],[401,403,405,407,409,411,413,415,417,419,421,423,425,428,431,434,437,440,442,446,450,454],{"label":137,"to":402},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":217,"to":404},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":230,"to":406},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":354,"to":408},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":268,"to":410},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":249,"to":412},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":107,"to":414},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":303,"to":416},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":326,"to":418},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":363,"to":420},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":225,"to":422},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":150,"to":424},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":426,"to":427},"Duolingo marketing pages","\u002Fexamples\u002Fapps\u002Fduolingo\u002Fmarketing",{"label":429,"to":430},"Duolingo user flows","\u002Fexamples\u002Fapps\u002Fduolingo\u002Fflows",{"label":432,"to":433},"Duolingo UI components","\u002Fexamples\u002Fapps\u002Fduolingo\u002Fcomponents",{"label":435,"to":436},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":438,"to":439},"E-Learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fe-learning",{"label":441,"to":18},"All SaaS app examples",{"label":443,"to":444,"description":445},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":447,"to":448,"description":449},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":451,"to":452,"description":453},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":455,"to":456,"description":457},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":459,"updated_at":460},"2016-06-16T18:20:00.000Z","2026-09-13T13:02:39.000Z"]