[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbasehub\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":268,"links":269,"dates":318},"\u002Fexamples\u002Fapps\u002Fbasehub\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Basehub product screens examples - Nicelydone","Browse Basehub screen design examples. Preview the interface screenshots and explore related UI patterns. Fast, Collaborative, AI-Native Content Management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a4ec04a-3dff-45c9-a747-0a9746c49a25.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},"Basehub design examples","\u002Fexamples\u002Fapps\u002Fbasehub",{"label":23,"to":4},"Basehub 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},"Basehub","basehub","Fast, Collaborative, AI-Native Content Management","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbasehub-d6f96035.png","https:\u002F\u002Fbasehub.com","basehub_ai",[36,40,44,48],{"id":37,"title":38,"slug":39},24,"Blogging Platforms","blogging-platforms",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},6,"Publishing","publishing",{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",[53,103,125,137,148,165,180,198,210,225,241,256],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":80,"app":101},"6a4ec04a-3dff-45c9-a747-0a9746c49a25","Fast, Collaborative, AI-Native Content Management — BaseHub","Landing page bottom section featuring a frequently asked questions accordion and a final call to action banner to try the product.",3024,1674,"Fast, Collaborative, AI-Native Content Management — BaseHub from Basehub","screen",[62,71],{"id":63,"label":64,"slug":65,"rank":66,"group":67},78,"Article","article",0,{"id":68,"label":69,"slug":70},15,"Marketing Page Types","marketing-page-types",{"id":72,"label":73,"slug":74,"rank":75,"group":76},118,"Help","help",1,{"id":77,"label":78,"slug":79},12,"States & Feedback","states-and-feedback",[81,85,89,93,97],{"id":82,"title":83,"slug":84},258,"Header","header",{"id":86,"title":87,"slug":88},189,"FAQ","faq",{"id":90,"title":91,"slug":92},168,"Accordion","accordion",{"id":94,"title":95,"slug":96},174,"Card","card",{"id":98,"title":99,"slug":100},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":4,"image":107,"width":57,"height":58,"image_alt":108,"kind":60,"patterns":109,"component_categories":117,"app":123},"697089a0-8907-46fa-84b9-85e9a4da1ed3","Log In — BaseHub","Sign-in screen where the user authenticates with GitHub, Google, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F697089a0-8907-46fa-84b9-85e9a4da1ed3.png","Log In — BaseHub from Basehub",[110],{"id":111,"label":112,"slug":113,"rank":66,"group":114},4,"Sign In","sign-in",{"id":75,"label":115,"slug":116},"Access & Account","access-and-account",[118,122],{"id":119,"title":120,"slug":121},240,"Horizontal navigation","horizontal-navigation",{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":105,"description":127,"canonical_path":4,"image":128,"width":57,"height":58,"image_alt":108,"kind":60,"patterns":129,"component_categories":132,"app":135},"c0dc5b34-b0fb-49f3-8b06-f96bd297b438","Sign-in screen where the user authenticates with GitHub, Google, or an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc0dc5b34-b0fb-49f3-8b06-f96bd297b438.png",[130],{"id":111,"label":112,"slug":113,"rank":66,"group":131},{"id":75,"label":115,"slug":116},[133,134],{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":105,"description":106,"canonical_path":4,"image":139,"width":57,"height":58,"image_alt":108,"kind":60,"patterns":140,"component_categories":143,"app":146},"d357d366-af0f-4756-ab29-ec7bf345e55f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd357d366-af0f-4756-ab29-ec7bf345e55f.png",[141],{"id":111,"label":112,"slug":113,"rank":66,"group":142},{"id":75,"label":115,"slug":116},[144,145],{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":105,"description":150,"canonical_path":4,"image":151,"width":57,"height":58,"image_alt":108,"kind":60,"patterns":152,"component_categories":160,"app":163},"2b019213-a037-46b8-b209-90ed12d5c6f5","Sign-in screen where the user is authenticating via email magic link, currently showing a loading state after submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b019213-a037-46b8-b209-90ed12d5c6f5.png",[153,155],{"id":111,"label":112,"slug":113,"rank":66,"group":154},{"id":75,"label":115,"slug":116},{"id":156,"label":157,"slug":158,"rank":75,"group":159},120,"Loading","loading",{"id":77,"label":78,"slug":79},[161,162],{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":105,"description":167,"canonical_path":4,"image":168,"width":57,"height":58,"image_alt":108,"kind":60,"patterns":169,"component_categories":174,"app":178},"03552744-ac3b-4cb5-b560-8dee8590be18","Verification screen where the user enters a 6-digit temporary login code sent to their email to complete authentication.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F03552744-ac3b-4cb5-b560-8dee8590be18.png",[170],{"id":45,"label":171,"slug":172,"rank":66,"group":173},"Verification","verification",{"id":75,"label":115,"slug":116},[175,176,177],{"id":94,"title":95,"slug":96},{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":57,"height":185,"image_alt":186,"kind":60,"patterns":187,"component_categories":193,"app":196},"129e8ace-27d6-43c1-b5be-b25ea7e34f5f","Sign Up — BaseHub","Signup screen where the user can create an account using GitHub, Google, or email, featuring a prominent bottom call-to-action banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F129e8ace-27d6-43c1-b5be-b25ea7e34f5f.png",2624,"Sign Up — BaseHub from Basehub",[188],{"id":189,"label":190,"slug":191,"rank":66,"group":192},5,"Sign Up","sign-up",{"id":75,"label":115,"slug":116},[194,195],{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":197},[],{"uuid":199,"title":182,"description":200,"canonical_path":4,"image":201,"width":57,"height":58,"image_alt":186,"kind":60,"patterns":202,"component_categories":205,"app":208},"7918dd23-8b7a-4ddf-abeb-f47833991245","Signup page where the user can authenticate via GitHub, Google, or by entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7918dd23-8b7a-4ddf-abeb-f47833991245.png",[203],{"id":189,"label":190,"slug":191,"rank":66,"group":204},{"id":75,"label":115,"slug":116},[206,207],{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":182,"description":212,"canonical_path":4,"image":213,"width":57,"height":58,"image_alt":186,"kind":60,"patterns":214,"component_categories":219,"app":223},"b710f545-998e-451b-97d2-f25e9f782127","Verification screen where the user enters a 6-digit code sent to their email to complete a passwordless sign-in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb710f545-998e-451b-97d2-f25e9f782127.png",[215,217],{"id":45,"label":171,"slug":172,"rank":66,"group":216},{"id":75,"label":115,"slug":116},{"id":189,"label":190,"slug":191,"rank":75,"group":218},{"id":75,"label":115,"slug":116},[220,221,222],{"id":94,"title":95,"slug":96},{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":105,"description":227,"canonical_path":4,"image":228,"width":57,"height":58,"image_alt":108,"kind":60,"patterns":229,"component_categories":235,"app":239},"807f1b87-ac80-444b-952b-cbfc517ae98b","Verification screen where the user enters a 6-digit code sent to their email to complete passwordless login.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F807f1b87-ac80-444b-952b-cbfc517ae98b.png",[230],{"id":231,"label":232,"slug":233,"rank":66,"group":234},2,"Forgot Password","forgot-password",{"id":75,"label":115,"slug":116},[236,237,238],{"id":94,"title":95,"slug":96},{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":105,"description":243,"canonical_path":4,"image":244,"width":57,"height":58,"image_alt":108,"kind":60,"patterns":245,"component_categories":250,"app":254},"b202a21e-d831-401d-9367-aac050cd5ba2","Email verification screen where the user waits for a filled 6-digit temporary login code to process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb202a21e-d831-401d-9367-aac050cd5ba2.png",[246,248],{"id":45,"label":171,"slug":172,"rank":66,"group":247},{"id":75,"label":115,"slug":116},{"id":156,"label":157,"slug":158,"rank":75,"group":249},{"id":77,"label":78,"slug":79},[251,252,253],{"id":94,"title":95,"slug":96},{"id":119,"title":120,"slug":121},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":255},[],{"uuid":257,"title":258,"description":259,"canonical_path":4,"image":260,"width":57,"height":58,"image_alt":261,"kind":60,"patterns":262,"component_categories":265,"app":266},"308a2bd6-df15-4f6b-b008-a78d507c8c7c","bertrand — BaseHub","Full-screen loading state featuring a centered, glowing orange indicator on a dark background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F308a2bd6-df15-4f6b-b008-a78d507c8c7c.png","bertrand — BaseHub from Basehub",[263],{"id":156,"label":157,"slug":158,"rank":66,"group":264},{"id":77,"label":78,"slug":79},[],{"slug":30,"title":29,"logo":32,"categories":267},[],[],[270,272,274,276,278,280,282,285,288,291,294,297,300,302,306,310,314],{"label":112,"to":271},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":157,"to":273},"\u002Fexamples\u002Fscreens\u002Floading",{"label":190,"to":275},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":171,"to":277},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":232,"to":279},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":73,"to":281},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":283,"to":284},"Basehub marketing pages","\u002Fexamples\u002Fapps\u002Fbasehub\u002Fmarketing",{"label":286,"to":287},"Basehub user flows","\u002Fexamples\u002Fapps\u002Fbasehub\u002Fflows",{"label":289,"to":290},"Basehub UI components","\u002Fexamples\u002Fapps\u002Fbasehub\u002Fcomponents",{"label":292,"to":293},"Blogging Platforms app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblogging-platforms",{"label":295,"to":296},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":298,"to":299},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":301,"to":18},"All SaaS app examples",{"label":303,"to":304,"description":305},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":307,"to":308,"description":309},"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":311,"to":312,"description":313},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":315,"to":316,"description":317},"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":319,"updated_at":320},"2024-02-12T07:48:21.000Z","2026-09-13T13:02:39.000Z"]