[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftimely\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":302,"links":303,"dates":361},"\u002Fexamples\u002Fapps\u002Ftimely\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Timely product screens examples - Nicelydone","Browse Timely screen design examples. Preview the interface screenshots and explore related UI patterns. Scheduling and time tracking, simultaneously","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_sign-in_e2bdb64e_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},"Timely design examples","\u002Fexamples\u002Fapps\u002Ftimely",{"label":23,"to":4},"Timely 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,"categories":34},"Timely","timely","Scheduling and time tracking, simultaneously","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftimely-00d9acec.png","https:\u002F\u002Fwww.timelyapp.com",[35,39],{"id":36,"title":37,"slug":38},30,"Productivity","productivity",{"id":40,"title":41,"slug":42},101,"Calendar","calendar",[44,73,87,97,119,130,162,187,218,237,252,278],{"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":71},"7ac30339-9937-4a16-aa25-a1405fa4dd3d","Sign in","Sign-in screen where the user authenticates with their email and password, with options to recover their password or create a new account.",2800,1544,"Sign in from Timely","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},2,"Forgot Password","forgot-password",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},174,"Card","card",{"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":48,"height":49,"image_alt":78,"kind":51,"patterns":79,"component_categories":82,"app":85},"6516d390-7115-484d-a5c3-0b6d009a0032","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_password-reset_3bc377e9_nicelydone.jpg","Password reset from Timely",[80],{"id":54,"label":55,"slug":56,"rank":57,"group":81},{"id":59,"label":60,"slug":61},[83,84],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":48,"height":49,"image_alt":92,"kind":51,"patterns":93,"component_categories":94,"app":95},"4b4c4b33-f86a-4a37-8c0a-7ecf0a4bc6ee","Sign up","Account creation Onboarding Form Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_sign-up_5a290f47_nicelydone.jpg","Sign up from Timely",[],[],{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":48,"height":49,"image_alt":102,"kind":51,"patterns":103,"component_categories":115,"app":117},"a7974b7c-4e70-4d9e-b171-26f684a20c25","Settings","Onboarding step where the user confirms their currency code and time zone before entering the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_settings_fbae6abe_nicelydone.jpg","Settings from Timely",[104,108],{"id":59,"label":105,"slug":106,"rank":57,"group":107},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},{"id":109,"label":99,"slug":110,"rank":59,"group":111},102,"settings",{"id":112,"label":113,"slug":114},10,"Settings & Admin","settings-and-admin",[116],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":48,"height":124,"image_alt":125,"kind":51,"patterns":126,"component_categories":127,"app":128},"62656f52-2953-4d19-b7e4-4daec8bd5cef","Home","Project management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_home_4b03ab76_nicelydone.jpg",1776,"Home from Timely",[],[],{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":48,"height":49,"image_alt":135,"kind":51,"patterns":136,"component_categories":151,"app":160},"95a4efb3-d109-4684-a3a7-5bfc54c1e112","Dropdown","List view where the user views their weekly schedule and compares logged versus planned time.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_dropdown_94ea55d3_nicelydone.jpg","Dropdown from Timely",[137,143],{"id":138,"label":41,"slug":42,"rank":57,"group":139},51,{"id":140,"label":141,"slug":142},5,"Media & Tools","media-and-tools",{"id":144,"label":145,"slug":146,"rank":59,"group":147},41,"Dashboard","dashboard",{"id":148,"label":149,"slug":150},4,"Data & Analysis","data-and-analysis",[152,156],{"id":153,"title":154,"slug":155},211,"Pagination","pagination",{"id":157,"title":158,"slug":159},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":99,"description":164,"canonical_path":4,"image":165,"width":48,"height":49,"image_alt":102,"kind":51,"patterns":166,"component_categories":177,"app":185},"94cf08a3-f9b3-4198-a8ce-643c520994a0","Settings page where the user views the Timely accounts they belong to and can create a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_settings-5_b19b976b_nicelydone.jpg",[167,172],{"id":168,"label":169,"slug":170,"rank":57,"group":171},104,"Team Management","team-management",{"id":112,"label":113,"slug":114},{"id":173,"label":174,"slug":175,"rank":59,"group":176},94,"Account Settings","account-settings",{"id":112,"label":113,"slug":114},[178,179,180,184],{"id":64,"title":65,"slug":66},{"id":157,"title":158,"slug":159},{"id":181,"title":182,"slug":183},233,"Tabs","tabs",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":99,"description":189,"canonical_path":4,"image":190,"width":48,"height":191,"image_alt":102,"kind":51,"patterns":192,"component_categories":209,"app":216},"33b6cf86-bd7e-41c2-af48-ced16ec9994b","Settings page where the user updates their full name, email, time zone, password, and profile photo.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_settings-4_c6cbba52_nicelydone.jpg",1614,[193,201,207],{"id":194,"label":195,"slug":196,"rank":57,"group":197},3,"Profile","profile",{"id":198,"label":199,"slug":200},11,"Social & Collaboration","social-and-collaboration",{"id":198,"label":202,"slug":203,"rank":59,"group":204},"Edit","edit",{"id":54,"label":205,"slug":206},"Actions","actions",{"id":173,"label":174,"slug":175,"rank":54,"group":208},{"id":112,"label":113,"slug":114},[210,214,215],{"id":211,"title":212,"slug":213},169,"Avatar","avatar",{"id":181,"title":182,"slug":183},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":99,"description":220,"canonical_path":4,"image":221,"width":48,"height":222,"image_alt":102,"kind":51,"patterns":223,"component_categories":231,"app":235},"6107490e-8a2e-4290-96b0-1e18061ec41c","Settings page where the user configures notification preferences for reminders, project invites, timers, and newsletters across email, iPhone, and desktop.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_settings-3_9e27fe77_nicelydone.jpg",1936,[224,229],{"id":225,"label":226,"slug":227,"rank":57,"group":228},99,"Notification Settings","notification-settings",{"id":112,"label":113,"slug":114},{"id":173,"label":174,"slug":175,"rank":59,"group":230},{"id":112,"label":113,"slug":114},[232,233,234],{"id":157,"title":158,"slug":159},{"id":181,"title":182,"slug":183},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":236},[],{"uuid":238,"title":99,"description":239,"canonical_path":4,"image":240,"width":48,"height":49,"image_alt":102,"kind":51,"patterns":241,"component_categories":247,"app":250},"1b5462eb-bfa4-47c5-8a42-c04554ce75de","Settings page where the user manages connected apps and can browse available integrations like Google Calendar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_settings-2_1b7c2ec5_nicelydone.jpg",[242],{"id":243,"label":244,"slug":245,"rank":57,"group":246},97,"Integrations","integrations",{"id":112,"label":113,"slug":114},[248,249],{"id":64,"title":65,"slug":66},{"id":181,"title":182,"slug":183},{"slug":30,"title":29,"logo":32,"categories":251},[],{"uuid":253,"title":254,"description":255,"canonical_path":4,"image":256,"width":48,"height":49,"image_alt":257,"kind":51,"patterns":258,"component_categories":272,"app":276},"b0d4d661-65ed-4596-9caa-17c25f2cd1b3","Collection","List view showing projects under a specific client with a prominent action to create a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_collection_a2a042c0_nicelydone.jpg","Collection from Timely",[259,267],{"id":260,"label":261,"slug":262,"rank":57,"group":263},80,"Files","files",{"id":264,"label":265,"slug":266},8,"Pages & Content","pages-and-content",{"id":268,"label":269,"slug":270,"rank":59,"group":271},7,"Add & Create","add-and-create",{"id":54,"label":205,"slug":206},[273,274,275],{"id":211,"title":212,"slug":213},{"id":157,"title":158,"slug":159},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":4,"image":282,"width":48,"height":49,"image_alt":283,"kind":51,"patterns":284,"component_categories":287,"app":300},"12dee6b0-9e33-40fc-895c-def3ecedc456","Create","Modal where the user creates a new project by defining its name, color, client organization, and hourly rate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_create_e6e737fd_nicelydone.jpg","Create from Timely",[285],{"id":268,"label":269,"slug":270,"rank":57,"group":286},{"id":54,"label":205,"slug":206},[288,292,296,297,298,299],{"id":289,"title":290,"slug":291},284,"Modal","modal",{"id":293,"title":294,"slug":295},257,"Input number","input-number",{"id":211,"title":212,"slug":213},{"id":157,"title":158,"slug":159},{"id":181,"title":182,"slug":183},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":301},[],[],[304,306,308,310,312,314,316,318,320,322,324,326,328,331,334,337,340,343,345,349,353,357],{"label":174,"to":305},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":269,"to":307},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":55,"to":309},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":105,"to":311},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":41,"to":313},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":145,"to":315},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":202,"to":317},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":261,"to":319},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":244,"to":321},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":226,"to":323},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":195,"to":325},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":99,"to":327},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":329,"to":330},"Timely marketing pages","\u002Fexamples\u002Fapps\u002Ftimely\u002Fmarketing",{"label":332,"to":333},"Timely user flows","\u002Fexamples\u002Fapps\u002Ftimely\u002Fflows",{"label":335,"to":336},"Timely UI components","\u002Fexamples\u002Fapps\u002Ftimely\u002Fcomponents",{"label":338,"to":339},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":341,"to":342},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":344,"to":18},"All SaaS app examples",{"label":346,"to":347,"description":348},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":350,"to":351,"description":352},"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":354,"to":355,"description":356},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":358,"to":359,"description":360},"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":362,"updated_at":363},"2016-07-25T08:00:00.000Z","2026-09-13T13:02:39.000Z"]