[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fslab\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":371,"links":372,"dates":430},"\u002Fexamples\u002Fapps\u002Fslab\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Slab product screens examples - Nicelydone","Browse Slab screen design examples. Preview the interface screenshots and explore related UI patterns. The knowledge base that democratizes knowledge","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_sign-in_f17a55de_nicelydone.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},"Slab design examples","\u002Fexamples\u002Fapps\u002Fslab",{"label":23,"to":4},"Slab 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,"categories":34},"Slab","slab","The knowledge base that democratizes knowledge","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslab-7b34727a.png","https:\u002F\u002Fslab.com",[35,39],{"id":36,"title":37,"slug":38},22,"Knowledge Management","knowledge-management",{"id":40,"title":41,"slug":42},23,"Collaboration","collaboration",[44,73,93,122,165,185,218,237,262,298,321,349],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"6c7e94c2-a611-44fe-a231-af187a9457eb","Login - Slab","Sign-in screen where the user enters their team workspace name to route to their specific login flow.",3072,1654,"Login - Slab from Slab","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":46,"description":75,"canonical_path":4,"image":76,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":77,"component_categories":88,"app":91},"7e6514be-5aa0-4b41-aedf-f88ba1ec1734","Sign-in screen where the user enters their team workspace domain and receives an inline error that the team could not be found.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_sign-in_d2a2e426_nicelydone.png",[78,80],{"id":54,"label":55,"slug":56,"rank":57,"group":79},{"id":59,"label":60,"slug":61},{"id":81,"label":82,"slug":83,"rank":59,"group":84},116,"Error","error",{"id":85,"label":86,"slug":87},12,"States & Feedback","states-and-feedback",[89,90],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":48,"height":49,"image_alt":98,"kind":51,"patterns":99,"component_categories":109,"app":120},"5b52342c-a94c-4474-8dfc-322cfc184a21","Slab - Knowledge Base & Wiki That Democratizes Knowledge","Signup page where the user can create an account using email and password or via LinkedIn and G Suite OAuth, accompanied by a customer testimonial and logo wall for social proof.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_sign-up_c8efddb9_nicelydone.png","Slab - Knowledge Base & Wiki That Democratizes Knowledge from Slab",[100,105],{"id":101,"label":102,"slug":103,"rank":57,"group":104},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":59,"label":106,"slug":107,"rank":59,"group":108},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[110,114,115,116],{"id":111,"title":112,"slug":113},232,"Testimonial","testimonial",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":117,"title":118,"slug":119},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":128,"component_categories":148,"app":163},"eb7327db-465b-42c9-b852-e1d79ea63285","Getting Started with Slab - Slab","Onboarding step where the user names their team, sets a logo, and chooses a custom subdomain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_modals-and-popovers_4938809f_nicelydone.png","Getting Started with Slab - Slab from Slab",[129,137,145],{"id":130,"label":131,"slug":132,"rank":57,"group":133},75,"Setup Wizard","setup-wizard",{"id":134,"label":135,"slug":136},7,"Onboarding & Education","onboarding-and-education",{"id":138,"label":139,"slug":140,"rank":59,"group":141},104,"Team Management","team-management",{"id":142,"label":143,"slug":144},10,"Settings & Admin","settings-and-admin",{"id":59,"label":106,"slug":107,"rank":146,"group":147},2,{"id":59,"label":60,"slug":61},[149,153,157,161,162],{"id":150,"title":151,"slug":152},240,"Horizontal navigation","horizontal-navigation",{"id":154,"title":155,"slug":156},284,"Modal","modal",{"id":158,"title":159,"slug":160},227,"Stepper","stepper",{"id":117,"title":118,"slug":119},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":124,"description":167,"canonical_path":4,"image":168,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":169,"component_categories":174,"app":183},"c57cc23d-34e2-4fa3-9a01-9412e2885332","Onboarding step where the user names their team and reserves a custom Slab subdomain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_modals-and-popovers_c8a06718_nicelydone.png",[170,172],{"id":138,"label":139,"slug":140,"rank":57,"group":171},{"id":142,"label":143,"slug":144},{"id":130,"label":131,"slug":132,"rank":59,"group":173},{"id":134,"label":135,"slug":136},[175,179,180,181,182],{"id":176,"title":177,"slug":178},233,"Tabs","tabs",{"id":150,"title":151,"slug":152},{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":117,"title":118,"slug":119},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":124,"description":187,"canonical_path":4,"image":188,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":189,"component_categories":211,"app":216},"4f4e5f19-9197-4698-9111-9339fd2417c0","Onboarding modal where the user customizes their profile by entering their name, title, and description before finishing setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_modals-and-popovers_644af367_nicelydone.png",[190,192,200,206],{"id":130,"label":131,"slug":132,"rank":57,"group":191},{"id":134,"label":135,"slug":136},{"id":193,"label":194,"slug":195,"rank":59,"group":196},3,"Profile","profile",{"id":197,"label":198,"slug":199},11,"Social & Collaboration","social-and-collaboration",{"id":197,"label":201,"slug":202,"rank":146,"group":203},"Edit","edit",{"id":146,"label":204,"slug":205},"Actions","actions",{"id":207,"label":208,"slug":209,"rank":193,"group":210},72,"Getting Started","getting-started",{"id":134,"label":135,"slug":136},[212,213,214,215],{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":117,"title":118,"slug":119},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":124,"description":220,"canonical_path":4,"image":221,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":222,"component_categories":232,"app":235},"4600de1b-8a4c-4bf1-82a5-9ae435a428e1","Document editor where a user is writing a 'Getting Started' draft and is prompted by a welcome onboarding card and an email verification banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_f795b2a1_nicelydone.png",[223,225,227],{"id":207,"label":208,"slug":209,"rank":57,"group":224},{"id":134,"label":135,"slug":136},{"id":193,"label":194,"slug":195,"rank":59,"group":226},{"id":197,"label":198,"slug":199},{"id":228,"label":229,"slug":230,"rank":146,"group":231},6,"Verification","verification",{"id":59,"label":60,"slug":61},[233,234],{"id":68,"title":69,"slug":70},{"id":117,"title":118,"slug":119},{"slug":30,"title":29,"logo":32,"categories":236},[],{"uuid":238,"title":124,"description":239,"canonical_path":4,"image":240,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":241,"component_categories":258,"app":260},"da108c16-5adb-4625-b9bc-2a241f83277d","Content editor page where a user is writing a draft document while a product tour popover explains the reading and editing modes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_e7e6313e_nicelydone.png",[242,244,251,253],{"id":207,"label":208,"slug":209,"rank":57,"group":243},{"id":134,"label":135,"slug":136},{"id":245,"label":246,"slug":247,"rank":59,"group":248},27,"AI Assistant","ai-assistant",{"id":193,"label":249,"slug":250},"AI","ai",{"id":197,"label":201,"slug":202,"rank":146,"group":252},{"id":146,"label":204,"slug":205},{"id":254,"label":255,"slug":256,"rank":193,"group":257},133,"Invite Teammates","invite-teammates",{"id":146,"label":204,"slug":205},[259],{"id":117,"title":118,"slug":119},{"slug":30,"title":29,"logo":32,"categories":261},[],{"uuid":263,"title":124,"description":264,"canonical_path":4,"image":265,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":266,"component_categories":284,"app":296},"bbce3a40-89c0-4a7e-8c6f-b0de2c7b69a2","Content editor where the user is writing a draft document and viewing a product tour popover about organizing posts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_f8ec6f69_nicelydone.png",[267,269,274,276],{"id":207,"label":208,"slug":209,"rank":57,"group":268},{"id":134,"label":135,"slug":136},{"id":270,"label":271,"slug":272,"rank":59,"group":273},73,"Guided Tour","guided-tour",{"id":134,"label":135,"slug":136},{"id":197,"label":201,"slug":202,"rank":146,"group":275},{"id":146,"label":204,"slug":205},{"id":277,"label":278,"slug":279,"rank":193,"group":280},80,"Files","files",{"id":281,"label":282,"slug":283},8,"Pages & Content","pages-and-content",[285,289,293,294,295],{"id":286,"title":287,"slug":288},214,"Popover","popover",{"id":290,"title":291,"slug":292},211,"Pagination","pagination",{"id":150,"title":151,"slug":152},{"id":68,"title":69,"slug":70},{"id":117,"title":118,"slug":119},{"slug":30,"title":29,"logo":32,"categories":297},[],{"uuid":299,"title":124,"description":300,"canonical_path":4,"image":301,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":302,"component_categories":315,"app":319},"fffc34ae-6205-480b-b1de-f5df3e287661","Content editor where the user is drafting a knowledge base article while a product tour popover introduces smart mentions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_f646b30e_nicelydone.png",[303,305,313],{"id":207,"label":208,"slug":209,"rank":57,"group":304},{"id":134,"label":135,"slug":136},{"id":306,"label":307,"slug":308,"rank":59,"group":309},78,"Article","article",{"id":310,"label":311,"slug":312},15,"Marketing Page Types","marketing-page-types",{"id":197,"label":201,"slug":202,"rank":146,"group":314},{"id":146,"label":204,"slug":205},[316,317,318],{"id":290,"title":291,"slug":292},{"id":68,"title":69,"slug":70},{"id":117,"title":118,"slug":119},{"slug":30,"title":29,"logo":32,"categories":320},[],{"uuid":322,"title":124,"description":323,"canonical_path":4,"image":324,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":325,"component_categories":339,"app":347},"1b2411b8-154e-46d0-a254-7adc07dd47e1","Content editor where the user is drafting a knowledge base article, featuring an active onboarding product tour popover and an email verification banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_d7b26195_nicelydone.png",[326,328,330,332,334],{"id":306,"label":307,"slug":308,"rank":57,"group":327},{"id":310,"label":311,"slug":312},{"id":207,"label":208,"slug":209,"rank":59,"group":329},{"id":134,"label":135,"slug":136},{"id":197,"label":201,"slug":202,"rank":146,"group":331},{"id":146,"label":204,"slug":205},{"id":270,"label":271,"slug":272,"rank":193,"group":333},{"id":134,"label":135,"slug":136},{"id":335,"label":336,"slug":337,"rank":54,"group":338},114,"Confirmation","confirmation",{"id":85,"label":86,"slug":87},[340,344,345,346],{"id":341,"title":342,"slug":343},260,"Badge","badge",{"id":158,"title":159,"slug":160},{"id":68,"title":69,"slug":70},{"id":117,"title":118,"slug":119},{"slug":30,"title":29,"logo":32,"categories":348},[],{"uuid":350,"title":124,"description":351,"canonical_path":4,"image":352,"width":48,"height":49,"image_alt":127,"kind":51,"patterns":353,"component_categories":364,"app":369},"2b0256f4-01e4-41c0-82c1-3425d5ac0ba5","Content editor where the user is writing a getting started document and is prompted to complete a product tour and verify their email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_onboarding_1b337950_nicelydone.png",[354,356,358,360,362],{"id":207,"label":208,"slug":209,"rank":57,"group":355},{"id":134,"label":135,"slug":136},{"id":270,"label":271,"slug":272,"rank":59,"group":357},{"id":134,"label":135,"slug":136},{"id":197,"label":201,"slug":202,"rank":146,"group":359},{"id":146,"label":204,"slug":205},{"id":228,"label":229,"slug":230,"rank":193,"group":361},{"id":59,"label":60,"slug":61},{"id":254,"label":255,"slug":256,"rank":54,"group":363},{"id":146,"label":204,"slug":205},[365,366,367,368],{"id":150,"title":151,"slug":152},{"id":154,"title":155,"slug":156},{"id":68,"title":69,"slug":70},{"id":117,"title":118,"slug":119},{"slug":30,"title":29,"logo":32,"categories":370},[],[],[373,375,377,379,381,383,385,387,389,391,393,395,397,400,403,406,409,412,414,418,422,426],{"label":208,"to":374},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":201,"to":376},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":271,"to":378},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":131,"to":380},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":106,"to":382},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":255,"to":384},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":194,"to":386},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":55,"to":388},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":139,"to":390},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":229,"to":392},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":246,"to":394},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":336,"to":396},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":398,"to":399},"Slab marketing pages","\u002Fexamples\u002Fapps\u002Fslab\u002Fmarketing",{"label":401,"to":402},"Slab user flows","\u002Fexamples\u002Fapps\u002Fslab\u002Fflows",{"label":404,"to":405},"Slab UI components","\u002Fexamples\u002Fapps\u002Fslab\u002Fcomponents",{"label":407,"to":408},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":410,"to":411},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":413,"to":18},"All SaaS app examples",{"label":415,"to":416,"description":417},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":419,"to":420,"description":421},"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":423,"to":424,"description":425},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":427,"to":428,"description":429},"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":431,"updated_at":432},"2021-02-01T07:47:37.000Z","2026-09-13T13:02:39.000Z"]