[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fslab":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":384,"dates":419},"\u002Fexamples\u002Fapps\u002Fslab","detail","apps",true,{"title":9,"description":10,"og_image":11},"Slab design examples - Nicelydone","Explore Slab UI design examples. The knowledge base that democratizes knowledge","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fslab_sign-in_f17a55de_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Slab design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Slab",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fslab\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fslab\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Slab","slab","The knowledge base that democratizes knowledge","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslab-7b34727a.png","https:\u002F\u002Fslab.com",[41,45],{"id":42,"title":43,"slug":44},22,"Knowledge Management","knowledge-management",{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",[],[51,381],{"family":52,"examples":53},"screens",[54,83,103,132,175,195,228,247,272,308,331,359],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":81},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73,77],{"id":74,"title":75,"slug":76},174,"Card","card",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":82},[],{"uuid":84,"title":56,"description":85,"canonical_path":29,"image":86,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":87,"component_categories":98,"app":101},"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",[88,90],{"id":64,"label":65,"slug":66,"rank":67,"group":89},{"id":69,"label":70,"slug":71},{"id":91,"label":92,"slug":93,"rank":69,"group":94},116,"Error","error",{"id":95,"label":96,"slug":97},12,"States & Feedback","states-and-feedback",[99,100],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":29,"image":107,"width":58,"height":59,"image_alt":108,"kind":61,"patterns":109,"component_categories":119,"app":130},"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",[110,115],{"id":111,"label":112,"slug":113,"rank":67,"group":114},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},{"id":69,"label":116,"slug":117,"rank":69,"group":118},"Account Setup","account-setup",{"id":69,"label":70,"slug":71},[120,124,125,126],{"id":121,"title":122,"slug":123},232,"Testimonial","testimonial",{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":127,"title":128,"slug":129},169,"Avatar","avatar",{"slug":36,"title":35,"logo":38,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":29,"image":136,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":138,"component_categories":158,"app":173},"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",[139,147,155],{"id":140,"label":141,"slug":142,"rank":67,"group":143},75,"Setup Wizard","setup-wizard",{"id":144,"label":145,"slug":146},7,"Onboarding & Education","onboarding-and-education",{"id":148,"label":149,"slug":150,"rank":69,"group":151},104,"Team Management","team-management",{"id":152,"label":153,"slug":154},10,"Settings & Admin","settings-and-admin",{"id":69,"label":116,"slug":117,"rank":156,"group":157},2,{"id":69,"label":70,"slug":71},[159,163,167,171,172],{"id":160,"title":161,"slug":162},240,"Horizontal navigation","horizontal-navigation",{"id":164,"title":165,"slug":166},284,"Modal","modal",{"id":168,"title":169,"slug":170},227,"Stepper","stepper",{"id":127,"title":128,"slug":129},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":174},[],{"uuid":176,"title":134,"description":177,"canonical_path":29,"image":178,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":179,"component_categories":184,"app":193},"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",[180,182],{"id":148,"label":149,"slug":150,"rank":67,"group":181},{"id":152,"label":153,"slug":154},{"id":140,"label":141,"slug":142,"rank":69,"group":183},{"id":144,"label":145,"slug":146},[185,189,190,191,192],{"id":186,"title":187,"slug":188},233,"Tabs","tabs",{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":194},[],{"uuid":196,"title":134,"description":197,"canonical_path":29,"image":198,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":199,"component_categories":221,"app":226},"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",[200,202,210,216],{"id":140,"label":141,"slug":142,"rank":67,"group":201},{"id":144,"label":145,"slug":146},{"id":203,"label":204,"slug":205,"rank":69,"group":206},3,"Profile","profile",{"id":207,"label":208,"slug":209},11,"Social & Collaboration","social-and-collaboration",{"id":207,"label":211,"slug":212,"rank":156,"group":213},"Edit","edit",{"id":156,"label":214,"slug":215},"Actions","actions",{"id":217,"label":218,"slug":219,"rank":203,"group":220},72,"Getting Started","getting-started",{"id":144,"label":145,"slug":146},[222,223,224,225],{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":127,"title":128,"slug":129},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":227},[],{"uuid":229,"title":134,"description":230,"canonical_path":29,"image":231,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":232,"component_categories":242,"app":245},"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",[233,235,237],{"id":217,"label":218,"slug":219,"rank":67,"group":234},{"id":144,"label":145,"slug":146},{"id":203,"label":204,"slug":205,"rank":69,"group":236},{"id":207,"label":208,"slug":209},{"id":238,"label":239,"slug":240,"rank":156,"group":241},6,"Verification","verification",{"id":69,"label":70,"slug":71},[243,244],{"id":78,"title":79,"slug":80},{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":246},[],{"uuid":248,"title":134,"description":249,"canonical_path":29,"image":250,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":251,"component_categories":268,"app":270},"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",[252,254,261,263],{"id":217,"label":218,"slug":219,"rank":67,"group":253},{"id":144,"label":145,"slug":146},{"id":255,"label":256,"slug":257,"rank":69,"group":258},27,"AI Assistant","ai-assistant",{"id":203,"label":259,"slug":260},"AI","ai",{"id":207,"label":211,"slug":212,"rank":156,"group":262},{"id":156,"label":214,"slug":215},{"id":264,"label":265,"slug":266,"rank":203,"group":267},133,"Invite Teammates","invite-teammates",{"id":156,"label":214,"slug":215},[269],{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":271},[],{"uuid":273,"title":134,"description":274,"canonical_path":29,"image":275,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":276,"component_categories":294,"app":306},"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",[277,279,284,286],{"id":217,"label":218,"slug":219,"rank":67,"group":278},{"id":144,"label":145,"slug":146},{"id":280,"label":281,"slug":282,"rank":69,"group":283},73,"Guided Tour","guided-tour",{"id":144,"label":145,"slug":146},{"id":207,"label":211,"slug":212,"rank":156,"group":285},{"id":156,"label":214,"slug":215},{"id":287,"label":288,"slug":289,"rank":203,"group":290},80,"Files","files",{"id":291,"label":292,"slug":293},8,"Pages & Content","pages-and-content",[295,299,303,304,305],{"id":296,"title":297,"slug":298},214,"Popover","popover",{"id":300,"title":301,"slug":302},211,"Pagination","pagination",{"id":160,"title":161,"slug":162},{"id":78,"title":79,"slug":80},{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":307},[],{"uuid":309,"title":134,"description":310,"canonical_path":29,"image":311,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":312,"component_categories":325,"app":329},"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",[313,315,323],{"id":217,"label":218,"slug":219,"rank":67,"group":314},{"id":144,"label":145,"slug":146},{"id":316,"label":317,"slug":318,"rank":69,"group":319},78,"Article","article",{"id":320,"label":321,"slug":322},15,"Marketing Page Types","marketing-page-types",{"id":207,"label":211,"slug":212,"rank":156,"group":324},{"id":156,"label":214,"slug":215},[326,327,328],{"id":300,"title":301,"slug":302},{"id":78,"title":79,"slug":80},{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":330},[],{"uuid":332,"title":134,"description":333,"canonical_path":29,"image":334,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":335,"component_categories":349,"app":357},"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",[336,338,340,342,344],{"id":316,"label":317,"slug":318,"rank":67,"group":337},{"id":320,"label":321,"slug":322},{"id":217,"label":218,"slug":219,"rank":69,"group":339},{"id":144,"label":145,"slug":146},{"id":207,"label":211,"slug":212,"rank":156,"group":341},{"id":156,"label":214,"slug":215},{"id":280,"label":281,"slug":282,"rank":203,"group":343},{"id":144,"label":145,"slug":146},{"id":345,"label":346,"slug":347,"rank":64,"group":348},114,"Confirmation","confirmation",{"id":95,"label":96,"slug":97},[350,354,355,356],{"id":351,"title":352,"slug":353},260,"Badge","badge",{"id":168,"title":169,"slug":170},{"id":78,"title":79,"slug":80},{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":358},[],{"uuid":360,"title":134,"description":361,"canonical_path":29,"image":362,"width":58,"height":59,"image_alt":137,"kind":61,"patterns":363,"component_categories":374,"app":379},"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",[364,366,368,370,372],{"id":217,"label":218,"slug":219,"rank":67,"group":365},{"id":144,"label":145,"slug":146},{"id":280,"label":281,"slug":282,"rank":69,"group":367},{"id":144,"label":145,"slug":146},{"id":207,"label":211,"slug":212,"rank":156,"group":369},{"id":156,"label":214,"slug":215},{"id":238,"label":239,"slug":240,"rank":203,"group":371},{"id":69,"label":70,"slug":71},{"id":264,"label":265,"slug":266,"rank":64,"group":373},{"id":156,"label":214,"slug":215},[375,376,377,378],{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":78,"title":79,"slug":80},{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":380},[],{"family":382,"examples":383},"pages",[],[385,387,389,392,395,398,401,403,407,411,415],{"label":386,"to":29},"Slab product screens",{"label":388,"to":32},"Slab marketing pages",{"label":390,"to":391},"Slab user flows","\u002Fexamples\u002Fapps\u002Fslab\u002Fflows",{"label":393,"to":394},"Slab UI components","\u002Fexamples\u002Fapps\u002Fslab\u002Fcomponents",{"label":396,"to":397},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":399,"to":400},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":402,"to":18},"All SaaS app examples",{"label":404,"to":405,"description":406},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":408,"to":409,"description":410},"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":412,"to":413,"description":414},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":416,"to":417,"description":418},"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":420,"updated_at":421},"2021-02-01T07:47:37.000Z","2026-09-13T13:02:39.000Z"]