[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foverflow":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":356,"dates":389},"\u002Fexamples\u002Fapps\u002Foverflow","detail","apps",true,{"title":9,"description":10,"og_image":11},"Overflow design examples - Nicelydone","Explore Overflow UI design examples. The all-in-one design communication platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4f15c81-61ea-40ca-aba3-9c14dbec0702.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Overflow design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Overflow",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Foverflow\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Foverflow\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Foverflow\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Foverflow\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Overflow","overflow","The all-in-one design communication platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Foverflow-ubyfc8mj.png","https:\u002F\u002Foverflow.io","overflowapp",[48,52],{"id":49,"title":50,"slug":51},8,"Design","design",{"id":53,"title":54,"slug":55},23,"Collaboration","collaboration",[],[58,347,350,353],{"family":59,"examples":60},"screens",[61,86,105,123,134,150,161,195,232,260,280,330],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":79,"app":84},"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",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},4,"Sign In","sign-in",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",[80],{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":85},[],{"uuid":87,"title":63,"description":88,"canonical_path":29,"image":89,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":90,"component_categories":101,"app":103},"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",[91,93],{"id":71,"label":72,"slug":73,"rank":74,"group":92},{"id":76,"label":77,"slug":78},{"id":94,"label":95,"slug":96,"rank":76,"group":97},116,"Error","error",{"id":98,"label":99,"slug":100},12,"States & Feedback","states-and-feedback",[102],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":29,"image":109,"width":65,"height":66,"image_alt":110,"kind":68,"patterns":111,"component_categories":119,"app":121},"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",[112,117],{"id":113,"label":114,"slug":115,"rank":74,"group":116},2,"Forgot Password","forgot-password",{"id":76,"label":77,"slug":78},{"id":94,"label":95,"slug":96,"rank":76,"group":118},{"id":98,"label":99,"slug":100},[120],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":122},[],{"uuid":124,"title":107,"description":125,"canonical_path":29,"image":126,"width":65,"height":66,"image_alt":110,"kind":68,"patterns":127,"component_categories":130,"app":132},"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",[128],{"id":113,"label":114,"slug":115,"rank":74,"group":129},{"id":76,"label":77,"slug":78},[131],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":133},[],{"uuid":135,"title":107,"description":136,"canonical_path":29,"image":137,"width":65,"height":66,"image_alt":110,"kind":68,"patterns":138,"component_categories":146,"app":148},"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",[139,141],{"id":113,"label":114,"slug":115,"rank":74,"group":140},{"id":76,"label":77,"slug":78},{"id":142,"label":143,"slug":144,"rank":76,"group":145},122,"Success","success",{"id":98,"label":99,"slug":100},[147],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":149},[],{"uuid":151,"title":63,"description":152,"canonical_path":29,"image":153,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":154,"component_categories":157,"app":159},"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",[155],{"id":71,"label":72,"slug":73,"rank":74,"group":156},{"id":76,"label":77,"slug":78},[158],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":29,"image":165,"width":65,"height":66,"image_alt":166,"kind":68,"patterns":167,"component_categories":187,"app":193},"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",[168,173,180],{"id":169,"label":170,"slug":171,"rank":74,"group":172},115,"Empty State","empty-state",{"id":98,"label":99,"slug":100},{"id":174,"label":175,"slug":176,"rank":76,"group":177},80,"Files","files",{"id":49,"label":178,"slug":179},"Pages & Content","pages-and-content",{"id":181,"label":182,"slug":183,"rank":113,"group":184},22,"Search","search",{"id":113,"label":185,"slug":186},"Actions","actions",[188,192],{"id":189,"title":190,"slug":191},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":194},[],{"uuid":196,"title":163,"description":197,"canonical_path":29,"image":198,"width":65,"height":66,"image_alt":166,"kind":68,"patterns":199,"component_categories":223,"app":230},"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",[200,202,204,209,215],{"id":169,"label":170,"slug":171,"rank":74,"group":201},{"id":98,"label":99,"slug":100},{"id":174,"label":175,"slug":176,"rank":76,"group":203},{"id":49,"label":178,"slug":179},{"id":205,"label":206,"slug":207,"rank":113,"group":208},79,"Browse","browse",{"id":49,"label":178,"slug":179},{"id":210,"label":211,"slug":212,"rank":213,"group":214},13,"Filter & Sort","filter-and-sort",3,{"id":113,"label":185,"slug":186},{"id":216,"label":217,"slug":218,"rank":71,"group":219},91,"Trial","trial",{"id":220,"label":221,"slug":222},9,"Plans & Limits","plans-and-limits",[224,228,229],{"id":225,"title":226,"slug":227},240,"Horizontal navigation","horizontal-navigation",{"id":189,"title":190,"slug":191},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":231},[],{"uuid":233,"title":163,"description":234,"canonical_path":29,"image":235,"width":65,"height":66,"image_alt":166,"kind":68,"patterns":236,"component_categories":251,"app":258},"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",[237,239,241,249],{"id":169,"label":170,"slug":171,"rank":74,"group":238},{"id":98,"label":99,"slug":100},{"id":174,"label":175,"slug":176,"rank":76,"group":240},{"id":49,"label":178,"slug":179},{"id":242,"label":243,"slug":244,"rank":113,"group":245},94,"Account Settings","account-settings",{"id":246,"label":247,"slug":248},10,"Settings & Admin","settings-and-admin",{"id":216,"label":217,"slug":218,"rank":213,"group":250},{"id":220,"label":221,"slug":222},[252,256,257],{"id":253,"title":254,"slug":255},260,"Badge","badge",{"id":189,"title":190,"slug":191},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":259},[],{"uuid":261,"title":262,"description":263,"canonical_path":29,"image":264,"width":65,"height":66,"image_alt":265,"kind":68,"patterns":266,"component_categories":275,"app":278},"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",[267,269,271,273],{"id":169,"label":170,"slug":171,"rank":74,"group":268},{"id":98,"label":99,"slug":100},{"id":174,"label":175,"slug":176,"rank":76,"group":270},{"id":49,"label":178,"slug":179},{"id":205,"label":206,"slug":207,"rank":113,"group":272},{"id":49,"label":178,"slug":179},{"id":216,"label":217,"slug":218,"rank":213,"group":274},{"id":220,"label":221,"slug":222},[276,277],{"id":189,"title":190,"slug":191},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":279},[],{"uuid":281,"title":282,"description":283,"canonical_path":29,"image":284,"width":65,"height":285,"image_alt":286,"kind":68,"patterns":287,"component_categories":311,"app":328},"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",[288,296,301,306],{"id":289,"label":290,"slug":291,"rank":74,"group":292},130,"Checkout","checkout",{"id":293,"label":294,"slug":295},14,"Payments & Checkout","payments-and-checkout",{"id":297,"label":298,"slug":299,"rank":76,"group":300},89,"Pricing","pricing",{"id":220,"label":221,"slug":222},{"id":302,"label":303,"slug":304,"rank":113,"group":305},131,"Payment Form","payment-form",{"id":293,"label":294,"slug":295},{"id":307,"label":308,"slug":309,"rank":213,"group":310},93,"Usage Limit","usage-limit",{"id":220,"label":221,"slug":222},[312,316,320,321,322,326,327],{"id":313,"title":314,"slug":315},227,"Stepper","stepper",{"id":317,"title":318,"slug":319},257,"Input number","input-number",{"id":225,"title":226,"slug":227},{"id":253,"title":254,"slug":255},{"id":323,"title":324,"slug":325},174,"Card","card",{"id":189,"title":190,"slug":191},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":329},[],{"uuid":331,"title":163,"description":332,"canonical_path":29,"image":333,"width":65,"height":66,"image_alt":166,"kind":68,"patterns":334,"component_categories":341,"app":345},"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",[335,337,339],{"id":169,"label":170,"slug":171,"rank":74,"group":336},{"id":98,"label":99,"slug":100},{"id":174,"label":175,"slug":176,"rank":76,"group":338},{"id":49,"label":178,"slug":179},{"id":181,"label":182,"slug":183,"rank":113,"group":340},{"id":113,"label":185,"slug":186},[342,343,344],{"id":323,"title":324,"slug":325},{"id":189,"title":190,"slug":191},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":346},[],{"family":348,"examples":349},"flows",[],{"family":351,"examples":352},"components",[],{"family":354,"examples":355},"pages",[],[357,359,361,363,365,368,371,373,377,381,385],{"label":358,"to":29},"Overflow product screens",{"label":360,"to":38},"Overflow marketing pages",{"label":362,"to":32},"Overflow user flows",{"label":364,"to":35},"Overflow UI components",{"label":366,"to":367},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":369,"to":370},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":372,"to":18},"All SaaS app examples",{"label":374,"to":375,"description":376},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":378,"to":379,"description":380},"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":382,"to":383,"description":384},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":386,"to":387,"description":388},"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":390,"updated_at":391},"2023-01-11T10:43:44.000Z","2026-09-13T13:02:39.000Z"]