[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftodoist":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":296,"dates":332},"\u002Fexamples\u002Fapps\u002Ftodoist","detail","apps",true,{"title":9,"description":10,"og_image":11},"Todoist design examples - Nicelydone","Explore Todoist UI design examples. The to do list to organize work & life","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b182e9f-c3f7-4fa6-8f80-db2aa25c77d1.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Todoist design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Todoist",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Todoist","todoist","The to do list to organize work & life","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftodoist-3d6ecdba.png","https:\u002F\u002Ftodoist.com",[47,51,55],{"id":48,"title":49,"slug":50},29,"Task Management","task-management",{"id":52,"title":53,"slug":54},30,"Productivity","productivity",{"id":56,"title":57,"slug":58},23,"Collaboration","collaboration",[],[61,287,290,293],{"family":62,"examples":63},"screens",[64,89,105,116,127,138,154,165,176,193,238,268],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":87},"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",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},4,"Sign In","sign-in",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",[83],{"id":84,"title":85,"slug":86},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":29,"image":93,"width":68,"height":69,"image_alt":94,"kind":71,"patterns":95,"component_categories":101,"app":103},"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",[96],{"id":97,"label":98,"slug":99,"rank":77,"group":100},2,"Forgot Password","forgot-password",{"id":79,"label":80,"slug":81},[102],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":104},[],{"uuid":106,"title":91,"description":107,"canonical_path":29,"image":108,"width":68,"height":69,"image_alt":94,"kind":71,"patterns":109,"component_categories":112,"app":114},"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",[110],{"id":97,"label":98,"slug":99,"rank":77,"group":111},{"id":79,"label":80,"slug":81},[113],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":115},[],{"uuid":117,"title":91,"description":118,"canonical_path":29,"image":119,"width":68,"height":69,"image_alt":94,"kind":71,"patterns":120,"component_categories":123,"app":125},"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",[121],{"id":97,"label":98,"slug":99,"rank":77,"group":122},{"id":79,"label":80,"slug":81},[124],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":126},[],{"uuid":128,"title":91,"description":129,"canonical_path":29,"image":130,"width":68,"height":69,"image_alt":94,"kind":71,"patterns":131,"component_categories":134,"app":136},"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",[132],{"id":97,"label":98,"slug":99,"rank":77,"group":133},{"id":79,"label":80,"slug":81},[135],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":29,"image":142,"width":68,"height":69,"image_alt":143,"kind":71,"patterns":144,"component_categories":150,"app":152},"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",[145],{"id":146,"label":147,"slug":148,"rank":77,"group":149},5,"Sign Up","sign-up",{"id":79,"label":80,"slug":81},[151],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":153},[],{"uuid":155,"title":140,"description":156,"canonical_path":29,"image":157,"width":68,"height":69,"image_alt":143,"kind":71,"patterns":158,"component_categories":161,"app":163},"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",[159],{"id":146,"label":147,"slug":148,"rank":77,"group":160},{"id":79,"label":80,"slug":81},[162],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":164},[],{"uuid":166,"title":140,"description":167,"canonical_path":29,"image":168,"width":68,"height":69,"image_alt":143,"kind":71,"patterns":169,"component_categories":172,"app":174},"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",[170],{"id":146,"label":147,"slug":148,"rank":77,"group":171},{"id":79,"label":80,"slug":81},[173],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":175},[],{"uuid":177,"title":41,"description":178,"canonical_path":29,"image":179,"width":68,"height":69,"image_alt":180,"kind":71,"patterns":181,"component_categories":190,"app":191},"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",[182],{"id":183,"label":184,"slug":185,"rank":77,"group":186},120,"Loading","loading",{"id":187,"label":188,"slug":189},12,"States & Feedback","states-and-feedback",[],{"slug":42,"title":41,"logo":44,"categories":192},[],{"uuid":194,"title":41,"description":195,"canonical_path":29,"image":196,"width":68,"height":69,"image_alt":180,"kind":71,"patterns":197,"component_categories":218,"app":236},"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",[198,202,210],{"id":79,"label":199,"slug":200,"rank":77,"group":201},"Account Setup","account-setup",{"id":79,"label":80,"slug":81},{"id":203,"label":204,"slug":205,"rank":79,"group":206},3,"Profile","profile",{"id":207,"label":208,"slug":209},11,"Social & Collaboration","social-and-collaboration",{"id":211,"label":212,"slug":213,"rank":97,"group":214},74,"Onboarding Checklist","onboarding-checklist",{"id":215,"label":216,"slug":217},7,"Onboarding & Education","onboarding-and-education",[219,223,227,231,235],{"id":220,"title":221,"slug":222},260,"Badge","badge",{"id":224,"title":225,"slug":226},174,"Card","card",{"id":228,"title":229,"slug":230},169,"Avatar","avatar",{"id":232,"title":233,"slug":234},233,"Tabs","tabs",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":237},[],{"uuid":239,"title":41,"description":240,"canonical_path":29,"image":241,"width":68,"height":69,"image_alt":180,"kind":71,"patterns":242,"component_categories":253,"app":266},"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",[243,245,251],{"id":211,"label":212,"slug":213,"rank":77,"group":244},{"id":215,"label":216,"slug":217},{"id":215,"label":246,"slug":247,"rank":79,"group":248},"Add & Create","add-and-create",{"id":97,"label":249,"slug":250},"Actions","actions",{"id":203,"label":204,"slug":205,"rank":97,"group":252},{"id":207,"label":208,"slug":209},[254,258,262,263,264,265],{"id":255,"title":256,"slug":257},227,"Stepper","stepper",{"id":259,"title":260,"slug":261},226,"Skeleton","skeleton",{"id":224,"title":225,"slug":226},{"id":228,"title":229,"slug":230},{"id":232,"title":233,"slug":234},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":267},[],{"uuid":269,"title":41,"description":270,"canonical_path":29,"image":271,"width":68,"height":69,"image_alt":180,"kind":71,"patterns":272,"component_categories":282,"app":285},"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",[273,275,280],{"id":211,"label":212,"slug":213,"rank":77,"group":274},{"id":215,"label":216,"slug":217},{"id":276,"label":277,"slug":278,"rank":79,"group":279},75,"Setup Wizard","setup-wizard",{"id":215,"label":216,"slug":217},{"id":79,"label":199,"slug":200,"rank":97,"group":281},{"id":79,"label":80,"slug":81},[283,284],{"id":220,"title":221,"slug":222},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":286},[],{"family":288,"examples":289},"flows",[],{"family":291,"examples":292},"components",[],{"family":294,"examples":295},"pages",[],[297,299,301,303,305,308,311,314,316,320,324,328],{"label":298,"to":29},"Todoist product screens",{"label":300,"to":38},"Todoist marketing pages",{"label":302,"to":32},"Todoist user flows",{"label":304,"to":35},"Todoist UI components",{"label":306,"to":307},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":309,"to":310},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":312,"to":313},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":315,"to":18},"All SaaS app examples",{"label":317,"to":318,"description":319},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":321,"to":322,"description":323},"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":325,"to":326,"description":327},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":329,"to":330,"description":331},"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":333,"updated_at":334},"2016-07-14T08:30:36.000Z","2026-09-20T12:15:19.000Z"]