[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftodoist\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":271,"links":272,"dates":327},"\u002Fexamples\u002Fapps\u002Ftodoist\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Todoist product screens examples - Nicelydone","Browse Todoist screen design examples. Preview the interface screenshots and explore related UI patterns. The to do list to organize work & life","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b182e9f-c3f7-4fa6-8f80-db2aa25c77d1.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Todoist design examples","\u002Fexamples\u002Fapps\u002Ftodoist",{"label":23,"to":4},"Todoist 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},"Todoist","todoist","The to do list to organize work & life","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftodoist-3d6ecdba.png","https:\u002F\u002Ftodoist.com",[35,39,43],{"id":36,"title":37,"slug":38},29,"Task Management","task-management",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",{"id":44,"title":45,"slug":46},23,"Collaboration","collaboration",[48,73,89,100,111,122,138,149,160,177,222,252],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":71},"7b182e9f-c3f7-4fa6-8f80-db2aa25c77d1","Log in to Todoist","Sign-in screen where the user authenticates with Google, Facebook, Apple, or email and password.",3024,1674,"Log in to Todoist from Todoist","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":79,"component_categories":85,"app":87},"b54b27b4-524a-41fc-8e8b-9782fd051261","Cant sign in Forgot your password","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb54b27b4-524a-41fc-8e8b-9782fd051261.png","Cant sign in Forgot your password from Todoist",[80],{"id":81,"label":82,"slug":83,"rank":61,"group":84},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[86],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":75,"description":91,"canonical_path":4,"image":92,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":93,"component_categories":96,"app":98},"24f4215a-d511-428e-8057-8055c85a403c","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24f4215a-d511-428e-8057-8055c85a403c.png",[94],{"id":81,"label":82,"slug":83,"rank":61,"group":95},{"id":63,"label":64,"slug":65},[97],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":75,"description":102,"canonical_path":4,"image":103,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":104,"component_categories":107,"app":109},"82387c18-568b-4a6e-9660-565f11345d4c","Password recovery screen confirming that a reset link has been emailed to the user, providing a link to return to the login page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F82387c18-568b-4a6e-9660-565f11345d4c.png",[105],{"id":81,"label":82,"slug":83,"rank":61,"group":106},{"id":63,"label":64,"slug":65},[108],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":75,"description":113,"canonical_path":4,"image":114,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":115,"component_categories":118,"app":120},"dcaf10c1-ca49-4c7f-8c0e-b5825cde3561","Password recovery screen where the user requests a reset link for their pre-filled email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdcaf10c1-ca49-4c7f-8c0e-b5825cde3561.png",[116],{"id":81,"label":82,"slug":83,"rank":61,"group":117},{"id":63,"label":64,"slug":65},[119],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":52,"height":53,"image_alt":127,"kind":55,"patterns":128,"component_categories":134,"app":136},"7f67a106-b199-4049-89cc-f4dc9e07d508","Sign up for a free Todoist account","Signup screen where the user can create an account using Google, Facebook, Apple, or email, alongside social proof statistics.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f67a106-b199-4049-89cc-f4dc9e07d508.png","Sign up for a free Todoist account from Todoist",[129],{"id":130,"label":131,"slug":132,"rank":61,"group":133},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[135],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":124,"description":140,"canonical_path":4,"image":141,"width":52,"height":53,"image_alt":127,"kind":55,"patterns":142,"component_categories":145,"app":147},"10f36208-c766-4fa1-bc0b-b6554f45fdda","Signup screen where the user creates an account using Google, Facebook, Apple, or email, accompanied by product usage statistics and illustrations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10f36208-c766-4fa1-bc0b-b6554f45fdda.png",[143],{"id":130,"label":131,"slug":132,"rank":61,"group":144},{"id":63,"label":64,"slug":65},[146],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":124,"description":151,"canonical_path":4,"image":152,"width":52,"height":53,"image_alt":127,"kind":55,"patterns":153,"component_categories":156,"app":158},"23502a90-bf44-47c0-9918-0edbdcedc85a","Signup page where the user is creating an account with email and password, featuring social login options and usage statistics for social proof.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23502a90-bf44-47c0-9918-0edbdcedc85a.png",[154],{"id":130,"label":131,"slug":132,"rank":61,"group":155},{"id":63,"label":64,"slug":65},[157],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":29,"description":162,"canonical_path":4,"image":163,"width":52,"height":53,"image_alt":164,"kind":55,"patterns":165,"component_categories":174,"app":175},"a340b095-4aa7-4c96-8158-a9958f561082","Full-screen loading state displaying the application logo and a spinner before the interface resolves.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa340b095-4aa7-4c96-8158-a9958f561082.png","Todoist from Todoist",[166],{"id":167,"label":168,"slug":169,"rank":61,"group":170},120,"Loading","loading",{"id":171,"label":172,"slug":173},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":29,"description":179,"canonical_path":4,"image":180,"width":52,"height":53,"image_alt":164,"kind":55,"patterns":181,"component_categories":202,"app":220},"4c488bab-6ca8-4efd-89e9-fa1c37b624ae","Onboarding step where the user uploads a profile photo, enters their name, and toggles team usage before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c488bab-6ca8-4efd-89e9-fa1c37b624ae.png",[182,186,194],{"id":63,"label":183,"slug":184,"rank":61,"group":185},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},{"id":187,"label":188,"slug":189,"rank":63,"group":190},3,"Profile","profile",{"id":191,"label":192,"slug":193},11,"Social & Collaboration","social-and-collaboration",{"id":195,"label":196,"slug":197,"rank":81,"group":198},74,"Onboarding Checklist","onboarding-checklist",{"id":199,"label":200,"slug":201},7,"Onboarding & Education","onboarding-and-education",[203,207,211,215,219],{"id":204,"title":205,"slug":206},260,"Badge","badge",{"id":208,"title":209,"slug":210},174,"Card","card",{"id":212,"title":213,"slug":214},169,"Avatar","avatar",{"id":216,"title":217,"slug":218},233,"Tabs","tabs",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":29,"description":224,"canonical_path":4,"image":225,"width":52,"height":53,"image_alt":164,"kind":55,"patterns":226,"component_categories":237,"app":250},"3936477b-5f02-41e4-997c-bf1b90740e4e","Onboarding step where the user enters their name, uploads a photo, and chooses whether to use the app with a team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3936477b-5f02-41e4-997c-bf1b90740e4e.png",[227,229,235],{"id":195,"label":196,"slug":197,"rank":61,"group":228},{"id":199,"label":200,"slug":201},{"id":199,"label":230,"slug":231,"rank":63,"group":232},"Add & Create","add-and-create",{"id":81,"label":233,"slug":234},"Actions","actions",{"id":187,"label":188,"slug":189,"rank":81,"group":236},{"id":191,"label":192,"slug":193},[238,242,246,247,248,249],{"id":239,"title":240,"slug":241},227,"Stepper","stepper",{"id":243,"title":244,"slug":245},226,"Skeleton","skeleton",{"id":208,"title":209,"slug":210},{"id":212,"title":213,"slug":214},{"id":216,"title":217,"slug":218},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":251},[],{"uuid":253,"title":29,"description":254,"canonical_path":4,"image":255,"width":52,"height":53,"image_alt":164,"kind":55,"patterns":256,"component_categories":266,"app":269},"eaf10bf8-7a49-4c01-b247-6178cae74c2f","Onboarding step where the user selects their role and opts into extra help while viewing a preview of their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feaf10bf8-7a49-4c01-b247-6178cae74c2f.png",[257,259,264],{"id":195,"label":196,"slug":197,"rank":61,"group":258},{"id":199,"label":200,"slug":201},{"id":260,"label":261,"slug":262,"rank":63,"group":263},75,"Setup Wizard","setup-wizard",{"id":199,"label":200,"slug":201},{"id":63,"label":183,"slug":184,"rank":81,"group":265},{"id":63,"label":64,"slug":65},[267,268],{"id":204,"title":205,"slug":206},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":270},[],[],[273,275,277,279,281,283,285,287,289,291,294,297,300,303,306,309,311,315,319,323],{"label":82,"to":274},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":196,"to":276},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":131,"to":278},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":183,"to":280},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":188,"to":282},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":230,"to":284},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":168,"to":286},"\u002Fexamples\u002Fscreens\u002Floading",{"label":261,"to":288},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":59,"to":290},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":292,"to":293},"Todoist marketing pages","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fmarketing",{"label":295,"to":296},"Todoist user flows","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fflows",{"label":298,"to":299},"Todoist UI components","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fcomponents",{"label":301,"to":302},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":304,"to":305},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":307,"to":308},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":310,"to":18},"All SaaS app examples",{"label":312,"to":313,"description":314},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":316,"to":317,"description":318},"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":320,"to":321,"description":322},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":324,"to":325,"description":326},"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":328,"updated_at":329},"2016-07-14T08:30:36.000Z","2026-09-13T13:02:39.000Z"]