[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foverloop":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":48,"showcases":49,"links":297,"dates":328},"\u002Fexamples\u002Fapps\u002Foverloop","detail","apps",true,{"title":9,"description":10,"og_image":11},"Overloop design examples - Nicelydone","Explore Overloop UI design examples. Turn conversations into customers, at scale","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F597876d3-e93f-410b-a2ce-c7e87921ed4f.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Overloop design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Overloop",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Foverloop\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Foverloop\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Foverloop\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Overloop","overloop","Turn conversations into customers, at scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Foverloop-ad35b56d.png","https:\u002F\u002Foverloop.com\u002F",[44],{"id":45,"title":46,"slug":47},53,"CRM","crm",[],[50,291,294],{"family":51,"examples":52},"screens",[53,82,98,118,134,146,187,200,215,230,252,272],{"uuid":54,"title":55,"description":56,"canonical_path":29,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":80},"597876d3-e93f-410b-a2ce-c7e87921ed4f","Log In • Overloop","Sign-in screen where the user authenticates with their email address and password.",3072,1652,"Log In • Overloop from Overloop","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},4,"Sign In","sign-in",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72,76],{"id":73,"title":74,"slug":75},260,"Badge","badge",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":29,"image":86,"width":57,"height":58,"image_alt":87,"kind":60,"patterns":88,"component_categories":94,"app":96},"81a6027e-2759-4216-850f-ffcf3668e629","Reset your password • Overloop","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81a6027e-2759-4216-850f-ffcf3668e629.png","Reset your password • Overloop from Overloop",[89],{"id":90,"label":91,"slug":92,"rank":66,"group":93},2,"Forgot Password","forgot-password",{"id":68,"label":69,"slug":70},[95],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":29,"image":102,"width":57,"height":58,"image_alt":103,"kind":60,"patterns":104,"component_categories":110,"app":116},"0a797f29-df60-48af-838d-a4d6f2526410","Sign up • Overloop","Signup page where the user creates an account by providing their company name, full name, email, and password, alongside a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a797f29-df60-48af-838d-a4d6f2526410.png","Sign up • Overloop from Overloop",[105],{"id":106,"label":107,"slug":108,"rank":66,"group":109},5,"Sign Up","sign-up",{"id":68,"label":69,"slug":70},[111,115],{"id":112,"title":113,"slug":114},232,"Testimonial","testimonial",{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":117},[],{"uuid":119,"title":100,"description":120,"canonical_path":29,"image":121,"width":57,"height":58,"image_alt":103,"kind":60,"patterns":122,"component_categories":129,"app":132},"2ecab6fe-54a1-4fe5-82c3-a856805452f1","Signup screen where the user enters their company, name, email, and password to create an account, featuring a customer testimonial on the side.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ecab6fe-54a1-4fe5-82c3-a856805452f1.png",[123,125],{"id":106,"label":107,"slug":108,"rank":66,"group":124},{"id":68,"label":69,"slug":70},{"id":68,"label":126,"slug":127,"rank":68,"group":128},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[130,131],{"id":112,"title":113,"slug":114},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":133},[],{"uuid":135,"title":100,"description":136,"canonical_path":29,"image":137,"width":57,"height":58,"image_alt":103,"kind":60,"patterns":138,"component_categories":141,"app":144},"256d8140-cc50-48ec-88c9-3c4dd5809b90","Signup screen where the user creates an account by providing their company name, full name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F256d8140-cc50-48ec-88c9-3c4dd5809b90.png",[139],{"id":106,"label":107,"slug":108,"rank":66,"group":140},{"id":68,"label":69,"slug":70},[142,143],{"id":112,"title":113,"slug":114},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":29,"image":150,"width":57,"height":58,"image_alt":151,"kind":60,"patterns":152,"component_categories":174,"app":185},"dcc9bade-90bf-43e4-9ad3-a0824cd9758d","Conversations • Overloop","Inbox screen gated by a modal requiring the user to confirm their email address before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdcc9bade-90bf-43e4-9ad3-a0824cd9758d.png","Conversations • Overloop from Overloop",[153,158,166],{"id":154,"label":155,"slug":156,"rank":66,"group":157},6,"Verification","verification",{"id":68,"label":69,"slug":70},{"id":159,"label":160,"slug":161,"rank":68,"group":162},114,"Confirmation","confirmation",{"id":163,"label":164,"slug":165},12,"States & Feedback","states-and-feedback",{"id":167,"label":168,"slug":169,"rank":90,"group":170},94,"Account Settings","account-settings",{"id":171,"label":172,"slug":173},10,"Settings & Admin","settings-and-admin",[175,179,183,184],{"id":176,"title":177,"slug":178},169,"Avatar","avatar",{"id":180,"title":181,"slug":182},284,"Modal","modal",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":186},[],{"uuid":188,"title":148,"description":189,"canonical_path":29,"image":190,"width":57,"height":58,"image_alt":151,"kind":60,"patterns":191,"component_categories":197,"app":198},"6f466e2f-ff65-44e9-b6ca-4b1336237548","Loading screen for the conversations inbox displaying a movie quote while data fetches.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f466e2f-ff65-44e9-b6ca-4b1336237548.png",[192],{"id":193,"label":194,"slug":195,"rank":66,"group":196},120,"Loading","loading",{"id":163,"label":164,"slug":165},[],{"slug":39,"title":38,"logo":41,"categories":199},[],{"uuid":201,"title":148,"description":202,"canonical_path":29,"image":203,"width":57,"height":58,"image_alt":151,"kind":60,"patterns":204,"component_categories":209,"app":213},"838954e2-6278-4e25-89a3-1e93ac2449d1","Onboarding step where the user provides their name and industry to finish creating a free account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F838954e2-6278-4e25-89a3-1e93ac2449d1.png",[205,207],{"id":68,"label":126,"slug":127,"rank":66,"group":206},{"id":68,"label":69,"slug":70},{"id":106,"label":107,"slug":108,"rank":68,"group":208},{"id":68,"label":69,"slug":70},[210,211,212],{"id":180,"title":181,"slug":182},{"id":112,"title":113,"slug":114},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":214},[],{"uuid":216,"title":148,"description":217,"canonical_path":29,"image":218,"width":57,"height":58,"image_alt":151,"kind":60,"patterns":219,"component_categories":222,"app":228},"5aea28bc-8f96-4303-be36-0ce9f3fc1e08","Onboarding step where the user provides their first and last name along with their industry to finish creating their free account, presented in a split modal over the main app interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5aea28bc-8f96-4303-be36-0ce9f3fc1e08.png",[220],{"id":68,"label":126,"slug":127,"rank":66,"group":221},{"id":68,"label":69,"slug":70},[223,224,225,226,227],{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":112,"title":113,"slug":114},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":229},[],{"uuid":231,"title":148,"description":232,"canonical_path":29,"image":233,"width":57,"height":58,"image_alt":151,"kind":60,"patterns":234,"component_categories":245,"app":250},"4c02319d-15b4-41ae-9496-15803e6ea757","Onboarding step where the user provides their first and last name and selects their industry from an open dropdown menu to complete their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c02319d-15b4-41ae-9496-15803e6ea757.png",[235,237],{"id":68,"label":126,"slug":127,"rank":66,"group":236},{"id":68,"label":69,"slug":70},{"id":238,"label":239,"slug":240,"rank":68,"group":241},3,"Profile","profile",{"id":242,"label":243,"slug":244},11,"Social & Collaboration","social-and-collaboration",[246,247,248,249],{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":112,"title":113,"slug":114},{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":251},[],{"uuid":253,"title":148,"description":254,"canonical_path":29,"image":255,"width":57,"height":58,"image_alt":151,"kind":60,"patterns":256,"component_categories":265,"app":270},"2e8cebcb-fe0f-465a-ac62-bd7be0a1f2ed","Onboarding step where a welcome modal prompts the user to get started or skip the setup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e8cebcb-fe0f-465a-ac62-bd7be0a1f2ed.png",[257],{"id":258,"label":259,"slug":260,"rank":66,"group":261},77,"Welcome","welcome",{"id":262,"label":263,"slug":264},7,"Onboarding & Education","onboarding-and-education",[266,267,268,269],{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":271},[],{"uuid":273,"title":148,"description":274,"canonical_path":29,"image":275,"width":57,"height":58,"image_alt":151,"kind":60,"patterns":276,"component_categories":284,"app":289},"2619ee5f-d8d4-48e0-a834-f6edfe973b7e","Onboarding step where the user is prompted to create their first inbox for managing conversations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2619ee5f-d8d4-48e0-a834-f6edfe973b7e.png",[277,282],{"id":278,"label":279,"slug":280,"rank":66,"group":281},72,"Getting Started","getting-started",{"id":262,"label":263,"slug":264},{"id":258,"label":259,"slug":260,"rank":68,"group":283},{"id":262,"label":263,"slug":264},[285,286,287,288],{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":290},[],{"family":292,"examples":293},"flows",[],{"family":295,"examples":296},"pages",[],[298,300,302,304,307,310,312,316,320,324],{"label":299,"to":29},"Overloop product screens",{"label":301,"to":35},"Overloop marketing pages",{"label":303,"to":32},"Overloop user flows",{"label":305,"to":306},"Overloop UI components","\u002Fexamples\u002Fapps\u002Foverloop\u002Fcomponents",{"label":308,"to":309},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":311,"to":18},"All SaaS app examples",{"label":313,"to":314,"description":315},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":317,"to":318,"description":319},"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":321,"to":322,"description":323},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":325,"to":326,"description":327},"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":329,"updated_at":330},"2022-01-03T14:59:59.000Z","2026-09-13T13:02:39.000Z"]