[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftimely":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":315,"dates":350},"\u002Fexamples\u002Fapps\u002Ftimely","detail","apps",true,{"title":9,"description":10,"og_image":11},"Timely design examples - Nicelydone","Explore Timely UI design examples. Scheduling and time tracking, simultaneously","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_sign-in_e2bdb64e_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},"Timely design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Timely",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftimely\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Ftimely\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Timely","timely","Scheduling and time tracking, simultaneously","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftimely-00d9acec.png","https:\u002F\u002Fwww.timelyapp.com",[41,45],{"id":42,"title":43,"slug":44},30,"Productivity","productivity",{"id":46,"title":47,"slug":48},101,"Calendar","calendar",[],[51,312],{"family":52,"examples":53},"screens",[54,83,97,107,129,140,172,197,228,247,262,288],{"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":81},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},2,"Forgot Password","forgot-password",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73,77],{"id":74,"title":75,"slug":76},174,"Card","card",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":29,"image":87,"width":58,"height":59,"image_alt":88,"kind":61,"patterns":89,"component_categories":92,"app":95},"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",[90],{"id":64,"label":65,"slug":66,"rank":67,"group":91},{"id":69,"label":70,"slug":71},[93,94],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":29,"image":101,"width":58,"height":59,"image_alt":102,"kind":61,"patterns":103,"component_categories":104,"app":105},"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":36,"title":35,"logo":38,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":29,"image":111,"width":58,"height":59,"image_alt":112,"kind":61,"patterns":113,"component_categories":125,"app":127},"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",[114,118],{"id":69,"label":115,"slug":116,"rank":67,"group":117},"Account Setup","account-setup",{"id":69,"label":70,"slug":71},{"id":119,"label":109,"slug":120,"rank":69,"group":121},102,"settings",{"id":122,"label":123,"slug":124},10,"Settings & Admin","settings-and-admin",[126],{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":128},[],{"uuid":130,"title":131,"description":132,"canonical_path":29,"image":133,"width":58,"height":134,"image_alt":135,"kind":61,"patterns":136,"component_categories":137,"app":138},"62656f52-2953-4d19-b7e4-4daec8bd5cef","Home","Project management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftimely_home_4b03ab76_nicelydone.jpg",1776,"Home from Timely",[],[],{"slug":36,"title":35,"logo":38,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":29,"image":144,"width":58,"height":59,"image_alt":145,"kind":61,"patterns":146,"component_categories":161,"app":170},"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",[147,153],{"id":148,"label":47,"slug":48,"rank":67,"group":149},51,{"id":150,"label":151,"slug":152},5,"Media & Tools","media-and-tools",{"id":154,"label":155,"slug":156,"rank":69,"group":157},41,"Dashboard","dashboard",{"id":158,"label":159,"slug":160},4,"Data & Analysis","data-and-analysis",[162,166],{"id":163,"title":164,"slug":165},211,"Pagination","pagination",{"id":167,"title":168,"slug":169},240,"Horizontal navigation","horizontal-navigation",{"slug":36,"title":35,"logo":38,"categories":171},[],{"uuid":173,"title":109,"description":174,"canonical_path":29,"image":175,"width":58,"height":59,"image_alt":112,"kind":61,"patterns":176,"component_categories":187,"app":195},"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",[177,182],{"id":178,"label":179,"slug":180,"rank":67,"group":181},104,"Team Management","team-management",{"id":122,"label":123,"slug":124},{"id":183,"label":184,"slug":185,"rank":69,"group":186},94,"Account Settings","account-settings",{"id":122,"label":123,"slug":124},[188,189,190,194],{"id":74,"title":75,"slug":76},{"id":167,"title":168,"slug":169},{"id":191,"title":192,"slug":193},233,"Tabs","tabs",{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":196},[],{"uuid":198,"title":109,"description":199,"canonical_path":29,"image":200,"width":58,"height":201,"image_alt":112,"kind":61,"patterns":202,"component_categories":219,"app":226},"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,[203,211,217],{"id":204,"label":205,"slug":206,"rank":67,"group":207},3,"Profile","profile",{"id":208,"label":209,"slug":210},11,"Social & Collaboration","social-and-collaboration",{"id":208,"label":212,"slug":213,"rank":69,"group":214},"Edit","edit",{"id":64,"label":215,"slug":216},"Actions","actions",{"id":183,"label":184,"slug":185,"rank":64,"group":218},{"id":122,"label":123,"slug":124},[220,224,225],{"id":221,"title":222,"slug":223},169,"Avatar","avatar",{"id":191,"title":192,"slug":193},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":227},[],{"uuid":229,"title":109,"description":230,"canonical_path":29,"image":231,"width":58,"height":232,"image_alt":112,"kind":61,"patterns":233,"component_categories":241,"app":245},"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,[234,239],{"id":235,"label":236,"slug":237,"rank":67,"group":238},99,"Notification Settings","notification-settings",{"id":122,"label":123,"slug":124},{"id":183,"label":184,"slug":185,"rank":69,"group":240},{"id":122,"label":123,"slug":124},[242,243,244],{"id":167,"title":168,"slug":169},{"id":191,"title":192,"slug":193},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":246},[],{"uuid":248,"title":109,"description":249,"canonical_path":29,"image":250,"width":58,"height":59,"image_alt":112,"kind":61,"patterns":251,"component_categories":257,"app":260},"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",[252],{"id":253,"label":254,"slug":255,"rank":67,"group":256},97,"Integrations","integrations",{"id":122,"label":123,"slug":124},[258,259],{"id":74,"title":75,"slug":76},{"id":191,"title":192,"slug":193},{"slug":36,"title":35,"logo":38,"categories":261},[],{"uuid":263,"title":264,"description":265,"canonical_path":29,"image":266,"width":58,"height":59,"image_alt":267,"kind":61,"patterns":268,"component_categories":282,"app":286},"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",[269,277],{"id":270,"label":271,"slug":272,"rank":67,"group":273},80,"Files","files",{"id":274,"label":275,"slug":276},8,"Pages & Content","pages-and-content",{"id":278,"label":279,"slug":280,"rank":69,"group":281},7,"Add & Create","add-and-create",{"id":64,"label":215,"slug":216},[283,284,285],{"id":221,"title":222,"slug":223},{"id":167,"title":168,"slug":169},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":287},[],{"uuid":289,"title":290,"description":291,"canonical_path":29,"image":292,"width":58,"height":59,"image_alt":293,"kind":61,"patterns":294,"component_categories":297,"app":310},"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",[295],{"id":278,"label":279,"slug":280,"rank":67,"group":296},{"id":64,"label":215,"slug":216},[298,302,306,307,308,309],{"id":299,"title":300,"slug":301},284,"Modal","modal",{"id":303,"title":304,"slug":305},257,"Input number","input-number",{"id":221,"title":222,"slug":223},{"id":167,"title":168,"slug":169},{"id":191,"title":192,"slug":193},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":311},[],{"family":313,"examples":314},"pages",[],[316,318,320,323,326,329,332,334,338,342,346],{"label":317,"to":29},"Timely product screens",{"label":319,"to":32},"Timely marketing pages",{"label":321,"to":322},"Timely user flows","\u002Fexamples\u002Fapps\u002Ftimely\u002Fflows",{"label":324,"to":325},"Timely UI components","\u002Fexamples\u002Fapps\u002Ftimely\u002Fcomponents",{"label":327,"to":328},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":330,"to":331},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":333,"to":18},"All SaaS app examples",{"label":335,"to":336,"description":337},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":339,"to":340,"description":341},"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":343,"to":344,"description":345},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":347,"to":348,"description":349},"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":351,"updated_at":352},"2016-07-25T08:00:00.000Z","2026-09-13T13:02:39.000Z"]