[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foverflow\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":331,"links":332,"dates":390},"\u002Fexamples\u002Fapps\u002Foverflow\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Overflow product screens examples - Nicelydone","Browse Overflow screen design examples. Preview the interface screenshots and explore related UI patterns. The all-in-one design communication platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4f15c81-61ea-40ca-aba3-9c14dbec0702.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Overflow design examples","\u002Fexamples\u002Fapps\u002Foverflow",{"label":23,"to":4},"Overflow 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,"twitter_username":34,"categories":35},"Overflow","overflow","The all-in-one design communication platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Foverflow-ubyfc8mj.png","https:\u002F\u002Foverflow.io","overflowapp",[36,40],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",[45,70,89,107,118,134,145,179,216,244,264,314],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":68},"d4f15c81-61ea-40ca-aba3-9c14dbec0702","Sign in to your Overflow account | Overflow","Sign-in screen where the user authenticates via email and password, Google OAuth, or SSO.",3024,1738,"Sign in to your Overflow account | Overflow from Overflow","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":47,"description":72,"canonical_path":4,"image":73,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":74,"component_categories":85,"app":87},"73f3c9b5-de6b-4792-b48e-0506c5f1ffd8","Sign-in screen where the user is prompted to authenticate via email and password or Google SSO, currently displaying validation errors for empty fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73f3c9b5-de6b-4792-b48e-0506c5f1ffd8.png",[75,77],{"id":55,"label":56,"slug":57,"rank":58,"group":76},{"id":60,"label":61,"slug":62},{"id":78,"label":79,"slug":80,"rank":60,"group":81},116,"Error","error",{"id":82,"label":83,"slug":84},12,"States & Feedback","states-and-feedback",[86],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":49,"height":50,"image_alt":94,"kind":52,"patterns":95,"component_categories":103,"app":105},"228b2cc2-e21d-4d20-b5c8-d9a5be1c049a","Forgot password | Overflow","Password recovery screen where the user is prompted to enter their email address to receive a reset link, currently displaying a required-field validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F228b2cc2-e21d-4d20-b5c8-d9a5be1c049a.png","Forgot password | Overflow from Overflow",[96,101],{"id":97,"label":98,"slug":99,"rank":58,"group":100},2,"Forgot Password","forgot-password",{"id":60,"label":61,"slug":62},{"id":78,"label":79,"slug":80,"rank":60,"group":102},{"id":82,"label":83,"slug":84},[104],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":91,"description":109,"canonical_path":4,"image":110,"width":49,"height":50,"image_alt":94,"kind":52,"patterns":111,"component_categories":114,"app":116},"bab5b8c6-6191-452e-9ffe-b816efcdef63","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbab5b8c6-6191-452e-9ffe-b816efcdef63.png",[112],{"id":97,"label":98,"slug":99,"rank":58,"group":113},{"id":60,"label":61,"slug":62},[115],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":91,"description":120,"canonical_path":4,"image":121,"width":49,"height":50,"image_alt":94,"kind":52,"patterns":122,"component_categories":130,"app":132},"fa19f633-d7f3-4e92-b2a4-0364c9d02bad","Password recovery screen where the user is informed that a reset link has been sent to their email and prompted to return to sign in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa19f633-d7f3-4e92-b2a4-0364c9d02bad.png",[123,125],{"id":97,"label":98,"slug":99,"rank":58,"group":124},{"id":60,"label":61,"slug":62},{"id":126,"label":127,"slug":128,"rank":60,"group":129},122,"Success","success",{"id":82,"label":83,"slug":84},[131],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":47,"description":136,"canonical_path":4,"image":137,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":138,"component_categories":141,"app":143},"69eedba0-ad44-47a2-854a-ed3d187554f1","Sign-in screen where the user authenticates via an SSO Account ID, with alternative options to sign in with Google or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F69eedba0-ad44-47a2-854a-ed3d187554f1.png",[139],{"id":55,"label":56,"slug":57,"rank":58,"group":140},{"id":60,"label":61,"slug":62},[142],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":4,"image":149,"width":49,"height":50,"image_alt":150,"kind":52,"patterns":151,"component_categories":171,"app":177},"79ba2422-0cb3-41ae-b14f-719db1e1f7c7","All Documents | Overflow","List view where the user sees an empty state for their cloud documents with a prompt to open the desktop app to create one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79ba2422-0cb3-41ae-b14f-719db1e1f7c7.png","All Documents | Overflow from Overflow",[152,157,164],{"id":153,"label":154,"slug":155,"rank":58,"group":156},115,"Empty State","empty-state",{"id":82,"label":83,"slug":84},{"id":158,"label":159,"slug":160,"rank":60,"group":161},80,"Files","files",{"id":37,"label":162,"slug":163},"Pages & Content","pages-and-content",{"id":165,"label":166,"slug":167,"rank":97,"group":168},22,"Search","search",{"id":97,"label":169,"slug":170},"Actions","actions",[172,176],{"id":173,"title":174,"slug":175},169,"Avatar","avatar",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":147,"description":181,"canonical_path":4,"image":182,"width":49,"height":50,"image_alt":150,"kind":52,"patterns":183,"component_categories":207,"app":214},"e5f63ae5-8248-49d5-a078-0f79d5718184","List view where the user sees an empty state for their cloud documents and is prompted to open the desktop app to create one, with a sort dropdown captured open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe5f63ae5-8248-49d5-a078-0f79d5718184.png",[184,186,188,193,199],{"id":153,"label":154,"slug":155,"rank":58,"group":185},{"id":82,"label":83,"slug":84},{"id":158,"label":159,"slug":160,"rank":60,"group":187},{"id":37,"label":162,"slug":163},{"id":189,"label":190,"slug":191,"rank":97,"group":192},79,"Browse","browse",{"id":37,"label":162,"slug":163},{"id":194,"label":195,"slug":196,"rank":197,"group":198},13,"Filter & Sort","filter-and-sort",3,{"id":97,"label":169,"slug":170},{"id":200,"label":201,"slug":202,"rank":55,"group":203},91,"Trial","trial",{"id":204,"label":205,"slug":206},9,"Plans & Limits","plans-and-limits",[208,212,213],{"id":209,"title":210,"slug":211},240,"Horizontal navigation","horizontal-navigation",{"id":173,"title":174,"slug":175},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":147,"description":218,"canonical_path":4,"image":219,"width":49,"height":50,"image_alt":150,"kind":52,"patterns":220,"component_categories":235,"app":242},"6b3e1489-6ed1-48b0-900e-d48c1eb405de","Empty documents list with a prompt to open the desktop app to create new cloud documents, featuring an open user menu with account and billing settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b3e1489-6ed1-48b0-900e-d48c1eb405de.png",[221,223,225,233],{"id":153,"label":154,"slug":155,"rank":58,"group":222},{"id":82,"label":83,"slug":84},{"id":158,"label":159,"slug":160,"rank":60,"group":224},{"id":37,"label":162,"slug":163},{"id":226,"label":227,"slug":228,"rank":97,"group":229},94,"Account Settings","account-settings",{"id":230,"label":231,"slug":232},10,"Settings & Admin","settings-and-admin",{"id":200,"label":201,"slug":202,"rank":197,"group":234},{"id":204,"label":205,"slug":206},[236,240,241],{"id":237,"title":238,"slug":239},260,"Badge","badge",{"id":173,"title":174,"slug":175},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":243},[],{"uuid":245,"title":246,"description":247,"canonical_path":4,"image":248,"width":49,"height":50,"image_alt":249,"kind":52,"patterns":250,"component_categories":259,"app":262},"b81261a0-6b41-43c7-aa4e-269d991c439f","Shared with me | Overflow","List view where the user sees an empty state for documents shared with them, alongside a prompt to buy a subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb81261a0-6b41-43c7-aa4e-269d991c439f.png","Shared with me | Overflow from Overflow",[251,253,255,257],{"id":153,"label":154,"slug":155,"rank":58,"group":252},{"id":82,"label":83,"slug":84},{"id":158,"label":159,"slug":160,"rank":60,"group":254},{"id":37,"label":162,"slug":163},{"id":189,"label":190,"slug":191,"rank":97,"group":256},{"id":37,"label":162,"slug":163},{"id":200,"label":201,"slug":202,"rank":197,"group":258},{"id":204,"label":205,"slug":206},[260,261],{"id":173,"title":174,"slug":175},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":266,"description":267,"canonical_path":4,"image":268,"width":49,"height":269,"image_alt":270,"kind":52,"patterns":271,"component_categories":295,"app":312},"ff90da03-516f-4706-8e92-fe5d6c6886fb","Upgrade to Pro | Overflow","Checkout page where the user configures their Pro plan seats, selects a billing cycle, and enters invoice details to complete the upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff90da03-516f-4706-8e92-fe5d6c6886fb.png",3092,"Upgrade to Pro | Overflow from Overflow",[272,280,285,290],{"id":273,"label":274,"slug":275,"rank":58,"group":276},130,"Checkout","checkout",{"id":277,"label":278,"slug":279},14,"Payments & Checkout","payments-and-checkout",{"id":281,"label":282,"slug":283,"rank":60,"group":284},89,"Pricing","pricing",{"id":204,"label":205,"slug":206},{"id":286,"label":287,"slug":288,"rank":97,"group":289},131,"Payment Form","payment-form",{"id":277,"label":278,"slug":279},{"id":291,"label":292,"slug":293,"rank":197,"group":294},93,"Usage Limit","usage-limit",{"id":204,"label":205,"slug":206},[296,300,304,305,306,310,311],{"id":297,"title":298,"slug":299},227,"Stepper","stepper",{"id":301,"title":302,"slug":303},257,"Input number","input-number",{"id":209,"title":210,"slug":211},{"id":237,"title":238,"slug":239},{"id":307,"title":308,"slug":309},174,"Card","card",{"id":173,"title":174,"slug":175},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":313},[],{"uuid":315,"title":147,"description":316,"canonical_path":4,"image":317,"width":49,"height":50,"image_alt":150,"kind":52,"patterns":318,"component_categories":325,"app":329},"c957541b-2632-41b1-9975-5fa7c71ec00f","Empty document list view prompting the user to open the desktop app to create their first file.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc957541b-2632-41b1-9975-5fa7c71ec00f.png",[319,321,323],{"id":153,"label":154,"slug":155,"rank":58,"group":320},{"id":82,"label":83,"slug":84},{"id":158,"label":159,"slug":160,"rank":60,"group":322},{"id":37,"label":162,"slug":163},{"id":165,"label":166,"slug":167,"rank":97,"group":324},{"id":97,"label":169,"slug":170},[326,327,328],{"id":307,"title":308,"slug":309},{"id":173,"title":174,"slug":175},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":330},[],[],[333,335,337,339,341,343,345,347,349,351,353,355,357,360,363,366,369,372,374,378,382,386],{"label":154,"to":334},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":159,"to":336},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":98,"to":338},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":56,"to":340},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":201,"to":342},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":190,"to":344},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":79,"to":346},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":166,"to":348},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":227,"to":350},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":274,"to":352},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":195,"to":354},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":287,"to":356},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":358,"to":359},"Overflow marketing pages","\u002Fexamples\u002Fapps\u002Foverflow\u002Fmarketing",{"label":361,"to":362},"Overflow user flows","\u002Fexamples\u002Fapps\u002Foverflow\u002Fflows",{"label":364,"to":365},"Overflow UI components","\u002Fexamples\u002Fapps\u002Foverflow\u002Fcomponents",{"label":367,"to":368},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":370,"to":371},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":373,"to":18},"All SaaS app examples",{"label":375,"to":376,"description":377},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":379,"to":380,"description":381},"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":383,"to":384,"description":385},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":387,"to":388,"description":389},"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":391,"updated_at":392},"2023-01-11T10:43:45.000Z","2026-09-13T13:02:39.000Z"]