[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fduolingo":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":412,"dates":429},"\u002Fexamples\u002Fapps\u002Fduolingo","detail","apps",true,{"title":9,"description":10,"og_image":11},"Duolingo design examples - Nicelydone","Explore Duolingo UI design examples. Free language education for the world","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fduolingo_sign-in_b0dce8e9_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Duolingo design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Duolingo",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fduolingo\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fduolingo\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":36,"categories":40},"Duolingo","duolingo","Free language education for the world","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fduolingo-2d917368.png","https:\u002F\u002Fwww.duolingo.com",[41,45],{"id":42,"title":43,"slug":44},1,"Communities","communities",{"id":46,"title":47,"slug":48},33,"E-Learning","e-learning",[],[51,409],{"family":52,"examples":53},"screens",[54,87,110,126,137,177,211,257,293,325,354,386],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":85},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},136,"Landing Page","landing-page",0,{"id":69,"label":70,"slug":71},15,"Marketing Page Types","marketing-page-types",[73,77,81],{"id":74,"title":75,"slug":76},258,"Header","header",{"id":78,"title":79,"slug":80},214,"Popover","popover",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":29,"image":91,"width":58,"height":92,"image_alt":93,"kind":61,"patterns":94,"component_categories":97,"app":108},"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",[95],{"id":64,"label":65,"slug":66,"rank":67,"group":96},{"id":69,"label":70,"slug":71},[98,102,103,107],{"id":99,"title":100,"slug":101},202,"Footer","footer",{"id":74,"title":75,"slug":76},{"id":104,"title":105,"slug":106},174,"Card","card",{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":109},[],{"uuid":111,"title":89,"description":112,"canonical_path":29,"image":113,"width":58,"height":59,"image_alt":93,"kind":61,"patterns":114,"component_categories":122,"app":124},"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",[115],{"id":116,"label":117,"slug":118,"rank":67,"group":119},5,"Sign Up","sign-up",{"id":42,"label":120,"slug":121},"Access & Account","access-and-account",[123],{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":125},[],{"uuid":127,"title":89,"description":128,"canonical_path":29,"image":129,"width":58,"height":59,"image_alt":93,"kind":61,"patterns":130,"component_categories":133,"app":135},"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",[131],{"id":116,"label":117,"slug":118,"rank":67,"group":132},{"id":42,"label":120,"slug":121},[134],{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":29,"image":141,"width":58,"height":142,"image_alt":143,"kind":61,"patterns":144,"component_categories":164,"app":175},"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",[145,153,158],{"id":146,"label":147,"slug":148,"rank":67,"group":149},74,"Onboarding Checklist","onboarding-checklist",{"id":150,"label":151,"slug":152},7,"Onboarding & Education","onboarding-and-education",{"id":154,"label":155,"slug":156,"rank":42,"group":157},75,"Setup Wizard","setup-wizard",{"id":150,"label":151,"slug":152},{"id":159,"label":160,"slug":161,"rank":162,"group":163},72,"Getting Started","getting-started",2,{"id":150,"label":151,"slug":152},[165,169,173,174],{"id":166,"title":167,"slug":168},240,"Horizontal navigation","horizontal-navigation",{"id":170,"title":171,"slug":172},169,"Avatar","avatar",{"id":104,"title":105,"slug":106},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":176},[],{"uuid":178,"title":139,"description":179,"canonical_path":29,"image":180,"width":58,"height":142,"image_alt":143,"kind":61,"patterns":181,"component_categories":200,"app":209},"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",[182,190,192],{"id":183,"label":184,"slug":185,"rank":67,"group":186},122,"Success","success",{"id":187,"label":188,"slug":189},12,"States & Feedback","states-and-feedback",{"id":146,"label":147,"slug":148,"rank":42,"group":191},{"id":150,"label":151,"slug":152},{"id":193,"label":194,"slug":195,"rank":162,"group":196},82,"Media Detail","media-detail",{"id":197,"label":198,"slug":199},8,"Pages & Content","pages-and-content",[201,205,206,207,208],{"id":202,"title":203,"slug":204},277,"Button group","button-group",{"id":166,"title":167,"slug":168},{"id":170,"title":171,"slug":172},{"id":104,"title":105,"slug":106},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":210},[],{"uuid":212,"title":213,"description":214,"canonical_path":29,"image":215,"width":58,"height":59,"image_alt":216,"kind":61,"patterns":217,"component_categories":246,"app":255},"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",[218,220,225,233,238],{"id":146,"label":147,"slug":148,"rank":67,"group":219},{"id":150,"label":151,"slug":152},{"id":221,"label":222,"slug":223,"rank":42,"group":224},77,"Welcome","welcome",{"id":150,"label":151,"slug":152},{"id":226,"label":227,"slug":228,"rank":162,"group":229},3,"Profile","profile",{"id":230,"label":231,"slug":232},11,"Social & Collaboration","social-and-collaboration",{"id":234,"label":235,"slug":236,"rank":226,"group":237},115,"Empty State","empty-state",{"id":187,"label":188,"slug":189},{"id":239,"label":240,"slug":241,"rank":242,"group":243},44,"Progress","progress",4,{"id":242,"label":244,"slug":245},"Data & Analysis","data-and-analysis",[247,251,252,253,254],{"id":248,"title":249,"slug":250},233,"Tabs","tabs",{"id":166,"title":167,"slug":168},{"id":170,"title":171,"slug":172},{"id":104,"title":105,"slug":106},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":256},[],{"uuid":258,"title":259,"description":260,"canonical_path":29,"image":261,"width":58,"height":262,"image_alt":263,"kind":61,"patterns":264,"component_categories":281,"app":291},"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",[265,269,274,276],{"id":266,"label":259,"slug":267,"rank":67,"group":268},81,"home",{"id":197,"label":198,"slug":199},{"id":270,"label":271,"slug":272,"rank":42,"group":273},108,"Leaderboard","leaderboard",{"id":230,"label":231,"slug":232},{"id":239,"label":240,"slug":241,"rank":162,"group":275},{"id":242,"label":244,"slug":245},{"id":277,"label":278,"slug":279,"rank":226,"group":280},41,"Dashboard","dashboard",{"id":242,"label":244,"slug":245},[282,283,287,288,289,290],{"id":248,"title":249,"slug":250},{"id":284,"title":285,"slug":286},260,"Badge","badge",{"id":166,"title":167,"slug":168},{"id":170,"title":171,"slug":172},{"id":104,"title":105,"slug":106},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":292},[],{"uuid":294,"title":295,"description":296,"canonical_path":29,"image":297,"width":58,"height":59,"image_alt":298,"kind":61,"patterns":299,"component_categories":316,"app":323},"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",[300,302,304,306,311],{"id":266,"label":259,"slug":267,"rank":67,"group":301},{"id":197,"label":198,"slug":199},{"id":277,"label":278,"slug":279,"rank":42,"group":303},{"id":242,"label":244,"slug":245},{"id":239,"label":240,"slug":241,"rank":162,"group":305},{"id":242,"label":244,"slug":245},{"id":307,"label":308,"slug":309,"rank":226,"group":310},110,"Notifications","notifications",{"id":230,"label":231,"slug":232},{"id":312,"label":313,"slug":314,"rank":242,"group":315},113,"Social Feed","social-feed",{"id":230,"label":231,"slug":232},[317,318,319,320,321,322],{"id":78,"title":79,"slug":80},{"id":284,"title":285,"slug":286},{"id":166,"title":167,"slug":168},{"id":170,"title":171,"slug":172},{"id":104,"title":105,"slug":106},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":324},[],{"uuid":326,"title":227,"description":327,"canonical_path":29,"image":328,"width":58,"height":329,"image_alt":330,"kind":61,"patterns":331,"component_categories":346,"app":352},"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",[332,334,339,344],{"id":226,"label":227,"slug":228,"rank":67,"group":333},{"id":230,"label":231,"slug":232},{"id":335,"label":336,"slug":337,"rank":42,"group":338},38,"Activity Log","activity-log",{"id":242,"label":244,"slug":245},{"id":340,"label":341,"slug":342,"rank":162,"group":343},46,"Stats","stats",{"id":242,"label":244,"slug":245},{"id":312,"label":313,"slug":314,"rank":226,"group":345},{"id":230,"label":231,"slug":232},[347,348,349,350,351],{"id":248,"title":249,"slug":250},{"id":284,"title":285,"slug":286},{"id":166,"title":167,"slug":168},{"id":170,"title":171,"slug":172},{"id":104,"title":105,"slug":106},{"slug":36,"title":35,"logo":38,"categories":353},[],{"uuid":355,"title":356,"description":357,"canonical_path":29,"image":358,"width":58,"height":359,"image_alt":360,"kind":61,"patterns":361,"component_categories":378,"app":384},"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",[362,370,372],{"id":363,"label":364,"slug":365,"rank":67,"group":366},94,"Account Settings","account-settings",{"id":367,"label":368,"slug":369},10,"Settings & Admin","settings-and-admin",{"id":226,"label":227,"slug":228,"rank":42,"group":371},{"id":230,"label":231,"slug":232},{"id":230,"label":373,"slug":374,"rank":162,"group":375},"Edit","edit",{"id":162,"label":376,"slug":377},"Actions","actions",[379,380,381,382,383],{"id":284,"title":285,"slug":286},{"id":166,"title":167,"slug":168},{"id":170,"title":171,"slug":172},{"id":104,"title":105,"slug":106},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":385},[],{"uuid":387,"title":388,"description":389,"canonical_path":29,"image":390,"width":58,"height":391,"image_alt":392,"kind":61,"patterns":393,"component_categories":401,"app":407},"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",[394,396],{"id":363,"label":364,"slug":365,"rank":67,"group":395},{"id":367,"label":368,"slug":369},{"id":397,"label":398,"slug":399,"rank":42,"group":400},104,"Team Management","team-management",{"id":367,"label":368,"slug":369},[402,403,404,405,406],{"id":284,"title":285,"slug":286},{"id":166,"title":167,"slug":168},{"id":170,"title":171,"slug":172},{"id":104,"title":105,"slug":106},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":408},[],{"family":410,"examples":411},"pages",[],[413,415,417,420,423,426],{"label":414,"to":29},"Duolingo product screens",{"label":416,"to":32},"Duolingo marketing pages",{"label":418,"to":419},"Duolingo user flows","\u002Fexamples\u002Fapps\u002Fduolingo\u002Fflows",{"label":421,"to":422},"Duolingo UI components","\u002Fexamples\u002Fapps\u002Fduolingo\u002Fcomponents",{"label":424,"to":425},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":427,"to":428},"E-Learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fe-learning",{"published_at":430,"updated_at":431},"2016-06-16T18:20:00.000Z","2026-09-13T13:02:39.000Z"]