[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Froadmap":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":363,"dates":397},"\u002Fexamples\u002Fapps\u002Froadmap","detail","apps",true,{"title":9,"description":10,"og_image":11},"Roadmap design examples - Nicelydone","Explore Roadmap UI design examples. Project forecasting app for teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_sign-in_02feaac1_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Roadmap design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Roadmap",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Froadmap\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Froadmap\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Froadmap\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Roadmap","roadmap","Project forecasting app for teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Froadmap-8fab2b0c.png","http:\u002F\u002Fonroadmap.com",[44,48],{"id":45,"title":46,"slug":47},29,"Task Management","task-management",{"id":49,"title":50,"slug":51},30,"Productivity","productivity",[],[54,357,360],{"family":55,"examples":56},"screens",[57,69,92,108,158,186,208,238,267,296,314,331],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":66,"app":67},"6fc0cea2-d32b-4c98-b6f8-c09a9ffc2740","Sign in","Authentication User authentication Form",2880,1526,"Sign in from Roadmap","screen",[],[],{"slug":39,"title":38,"logo":41,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":29,"image":73,"width":61,"height":62,"image_alt":74,"kind":64,"patterns":75,"component_categories":85,"app":90},"c28ad715-e99c-428d-94fb-d9b1c2c648ac","Password reset","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_password-reset_8365b637_nicelydone.png","Password reset from Roadmap",[76],{"id":77,"label":78,"slug":79,"rank":80,"group":81},2,"Forgot Password","forgot-password",0,{"id":82,"label":83,"slug":84},1,"Access & Account","access-and-account",[86],{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":29,"image":96,"width":61,"height":62,"image_alt":97,"kind":64,"patterns":98,"component_categories":104,"app":106},"45adcb08-a8c6-4741-94a7-92e1fdd9d567","Sign up","Signup screen where the user creates a new account by providing their name, team name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_sign-up_16295868_nicelydone.jpg","Sign up from Roadmap",[99],{"id":100,"label":101,"slug":102,"rank":80,"group":103},5,"Sign Up","sign-up",{"id":82,"label":83,"slug":84},[105],{"id":87,"title":88,"slug":89},{"slug":39,"title":38,"logo":41,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":29,"image":112,"width":61,"height":62,"image_alt":113,"kind":64,"patterns":114,"component_categories":139,"app":156},"dc5ae7e5-83f3-43f3-adbe-30fcda98eb1c","Home","Dashboard where a new user is guided by a product tour popover explaining the projects view, alongside a prominent card to create their first project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_home_820d9e02_nicelydone.jpg","Home from Roadmap",[115,123,131],{"id":116,"label":117,"slug":118,"rank":80,"group":119},41,"Dashboard","dashboard",{"id":120,"label":121,"slug":122},4,"Data & Analysis","data-and-analysis",{"id":124,"label":125,"slug":126,"rank":82,"group":127},72,"Getting Started","getting-started",{"id":128,"label":129,"slug":130},7,"Onboarding & Education","onboarding-and-education",{"id":132,"label":133,"slug":134,"rank":77,"group":135},115,"Empty State","empty-state",{"id":136,"label":137,"slug":138},12,"States & Feedback","states-and-feedback",[140,144,148,152],{"id":141,"title":142,"slug":143},211,"Pagination","pagination",{"id":145,"title":146,"slug":147},174,"Card","card",{"id":149,"title":150,"slug":151},240,"Horizontal navigation","horizontal-navigation",{"id":153,"title":154,"slug":155},233,"Tabs","tabs",{"slug":39,"title":38,"logo":41,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":29,"image":162,"width":61,"height":62,"image_alt":163,"kind":64,"patterns":164,"component_categories":182,"app":184},"d857f38a-3272-4578-9d25-024f0f32eb8b","Onboarding project","Timeline view where a product tour popover instructs the user on how to add and assign phase names by clicking and dragging.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_onboarding-project_54ca025e_nicelydone.jpg","Onboarding project from Roadmap",[165,170,177],{"id":166,"label":167,"slug":168,"rank":80,"group":169},48,"Timeline","timeline",{"id":120,"label":121,"slug":122},{"id":171,"label":172,"slug":173,"rank":82,"group":174},10,"Drag & Drop","drag-and-drop",{"id":77,"label":175,"slug":176},"Actions","actions",{"id":178,"label":179,"slug":180,"rank":77,"group":181},11,"Edit","edit",{"id":77,"label":175,"slug":176},[183],{"id":87,"title":88,"slug":89},{"slug":39,"title":38,"logo":41,"categories":185},[],{"uuid":187,"title":188,"description":189,"canonical_path":29,"image":190,"width":61,"height":62,"image_alt":191,"kind":64,"patterns":192,"component_categories":200,"app":206},"c1700967-ed55-4514-9b30-a7e35b604d86","Single project","Timeline view where the user can see project tasks scheduled across January and February.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_single-project_0eb5bfbd_nicelydone.jpg","Single project from Roadmap",[193,195],{"id":166,"label":167,"slug":168,"rank":80,"group":194},{"id":120,"label":121,"slug":122},{"id":196,"label":197,"slug":198,"rank":82,"group":199},47,"Table","table",{"id":120,"label":121,"slug":122},[201,205],{"id":202,"title":203,"slug":204},169,"Avatar","avatar",{"id":87,"title":88,"slug":89},{"slug":39,"title":38,"logo":41,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":29,"image":212,"width":61,"height":62,"image_alt":213,"kind":64,"patterns":214,"component_categories":226,"app":236},"c38d2e5e-c3e4-4f65-ba7d-1e4aec43b45b","Project settings","Timeline view where the user edits project details, privacy settings, and manages members via a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_project-settings_03d61156_nicelydone.jpg","Project settings from Roadmap",[215,217,224],{"id":178,"label":179,"slug":180,"rank":80,"group":216},{"id":77,"label":175,"slug":176},{"id":218,"label":219,"slug":220,"rank":82,"group":221},104,"Team Management","team-management",{"id":171,"label":222,"slug":223},"Settings & Admin","settings-and-admin",{"id":166,"label":167,"slug":168,"rank":77,"group":225},{"id":120,"label":121,"slug":122},[227,231,235],{"id":228,"title":229,"slug":230},183,"Color picker","color-picker",{"id":232,"title":233,"slug":234},284,"Modal","modal",{"id":87,"title":88,"slug":89},{"slug":39,"title":38,"logo":41,"categories":237},[],{"uuid":239,"title":240,"description":241,"canonical_path":29,"image":242,"width":61,"height":62,"image_alt":243,"kind":64,"patterns":244,"component_categories":260,"app":265},"45722f81-ad08-494d-bc9b-228da428a2cd","Dropdown","Home screen where the user can view their existing projects or create a new one, with an active trial countdown visible in the top bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_dropdown_7f8b8e17_nicelydone.jpg","Dropdown from Roadmap",[245,252],{"id":246,"label":110,"slug":247,"rank":80,"group":248},81,"home",{"id":249,"label":250,"slug":251},8,"Pages & Content","pages-and-content",{"id":253,"label":254,"slug":255,"rank":82,"group":256},91,"Trial","trial",{"id":257,"label":258,"slug":259},9,"Plans & Limits","plans-and-limits",[261,262,263,264],{"id":145,"title":146,"slug":147},{"id":149,"title":150,"slug":151},{"id":153,"title":154,"slug":155},{"id":202,"title":203,"slug":204},{"slug":39,"title":38,"logo":41,"categories":266},[],{"uuid":268,"title":269,"description":270,"canonical_path":29,"image":271,"width":61,"height":62,"image_alt":272,"kind":64,"patterns":273,"component_categories":288,"app":294},"e2fa299a-eb46-435f-881f-7ace8449e3bf","Settings","Settings modal where the user updates their profile photo, name, and time zone.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_settings_c35ec8cf_nicelydone.jpg","Settings from Roadmap",[274,279,286],{"id":275,"label":276,"slug":277,"rank":80,"group":278},94,"Account Settings","account-settings",{"id":171,"label":222,"slug":223},{"id":280,"label":281,"slug":282,"rank":82,"group":283},3,"Profile","profile",{"id":178,"label":284,"slug":285},"Social & Collaboration","social-and-collaboration",{"id":178,"label":179,"slug":180,"rank":77,"group":287},{"id":77,"label":175,"slug":176},[289,290,291,292,293],{"id":232,"title":233,"slug":234},{"id":149,"title":150,"slug":151},{"id":202,"title":203,"slug":204},{"id":153,"title":154,"slug":155},{"id":87,"title":88,"slug":89},{"slug":39,"title":38,"logo":41,"categories":295},[],{"uuid":297,"title":269,"description":298,"canonical_path":29,"image":299,"width":61,"height":62,"image_alt":272,"kind":64,"patterns":300,"component_categories":306,"app":312},"a557df85-91d8-4750-a806-75567379e823","Settings modal where the user configures email notification preferences for project changes and roadmap news.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_settings-2_9c4da324_nicelydone.jpg",[301],{"id":302,"label":303,"slug":304,"rank":80,"group":305},99,"Notification Settings","notification-settings",{"id":171,"label":222,"slug":223},[307,308,309,310,311],{"id":232,"title":233,"slug":234},{"id":149,"title":150,"slug":151},{"id":153,"title":154,"slug":155},{"id":202,"title":203,"slug":204},{"id":87,"title":88,"slug":89},{"slug":39,"title":38,"logo":41,"categories":313},[],{"uuid":315,"title":269,"description":316,"canonical_path":29,"image":317,"width":61,"height":62,"image_alt":272,"kind":64,"patterns":318,"component_categories":323,"app":329},"a71777cb-8e89-4ade-b886-1e55bf9f0f01","Settings modal where the user updates their password by entering a new one and confirming the old one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_settings-3_7d81f73e_nicelydone.jpg",[319,321],{"id":275,"label":276,"slug":277,"rank":80,"group":320},{"id":171,"label":222,"slug":223},{"id":178,"label":179,"slug":180,"rank":82,"group":322},{"id":77,"label":175,"slug":176},[324,325,326,327,328],{"id":232,"title":233,"slug":234},{"id":149,"title":150,"slug":151},{"id":153,"title":154,"slug":155},{"id":202,"title":203,"slug":204},{"id":87,"title":88,"slug":89},{"slug":39,"title":38,"logo":41,"categories":330},[],{"uuid":332,"title":333,"description":334,"canonical_path":29,"image":335,"width":61,"height":62,"image_alt":336,"kind":64,"patterns":337,"component_categories":350,"app":355},"dea85669-82e0-40ef-b4d9-5a1bd3e031ce","Team settings","Settings modal where the user can rename the team, toggle a Slack integration, and invite new members by email while assigning their roles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Froadmap_team-settings_5b9726c7_nicelydone.jpg","Team settings from Roadmap",[338,340,345],{"id":218,"label":219,"slug":220,"rank":80,"group":339},{"id":171,"label":222,"slug":223},{"id":341,"label":342,"slug":343,"rank":82,"group":344},100,"Roles & Permissions","roles-and-permissions",{"id":171,"label":222,"slug":223},{"id":346,"label":347,"slug":348,"rank":77,"group":349},97,"Integrations","integrations",{"id":171,"label":222,"slug":223},[351,352,353,354],{"id":232,"title":233,"slug":234},{"id":149,"title":150,"slug":151},{"id":153,"title":154,"slug":155},{"id":202,"title":203,"slug":204},{"slug":39,"title":38,"logo":41,"categories":356},[],{"family":358,"examples":359},"components",[],{"family":361,"examples":362},"pages",[],[364,366,368,371,373,376,379,381,385,389,393],{"label":365,"to":29},"Roadmap product screens",{"label":367,"to":35},"Roadmap marketing pages",{"label":369,"to":370},"Roadmap user flows","\u002Fexamples\u002Fapps\u002Froadmap\u002Fflows",{"label":372,"to":32},"Roadmap UI components",{"label":374,"to":375},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":377,"to":378},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":380,"to":18},"All SaaS app examples",{"label":382,"to":383,"description":384},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":386,"to":387,"description":388},"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":390,"to":391,"description":392},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":394,"to":395,"description":396},"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":398,"updated_at":399},"2017-01-17T15:35:00.000Z","2026-09-13T13:02:39.000Z"]