[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fslack":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":315,"dates":351},"\u002Fexamples\u002Fapps\u002Fslack","detail","apps",true,{"title":9,"description":10,"og_image":11},"Slack design examples - Nicelydone","Explore Slack UI design examples. Be less busy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9ef3ca1-531a-4c7a-88ea-a467a5e73264.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Slack design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Slack",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fslack\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fslack\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fslack\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fslack\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Slack","slack","Be less busy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslack-fd2f6962.png","https:\u002F\u002Fslack.com","SlackHQ",[48,52,56],{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",{"id":53,"title":54,"slug":55},42,"Messaging","messaging",{"id":57,"title":58,"slug":59},82,"Communication","communication",[],[62,306,309,312],{"family":63,"examples":64},"screens",[65,101,125,147,166,186,204,224,239,254,271,286],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":98,"app":99},"c9ef3ca1-531a-4c7a-88ea-a467a5e73264","Setup Team Name - Nicelydone - Slack","Workspace setup screen for naming a company or team on Slack.",3024,1778,"Setup Team Name - Nicelydone - Slack from Slack","screen",[74,83,89],{"id":75,"label":76,"slug":77,"rank":78,"group":79},75,"Setup Wizard","setup-wizard",0,{"id":80,"label":81,"slug":82},7,"Onboarding & Education","onboarding-and-education",{"id":84,"label":85,"slug":86,"rank":87,"group":88},74,"Onboarding Checklist","onboarding-checklist",1,{"id":80,"label":81,"slug":82},{"id":90,"label":91,"slug":92,"rank":93,"group":94},104,"Team Management","team-management",2,{"id":95,"label":96,"slug":97},10,"Settings & Admin","settings-and-admin",[],{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":29,"image":105,"width":69,"height":70,"image_alt":106,"kind":72,"patterns":107,"component_categories":122,"app":123},"3613c122-f9ae-4e47-937d-171987dab922","Profile - Nicelydone 01 - Slack","Onboarding step asking for user name and optionally a profile photo.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3613c122-f9ae-4e47-937d-171987dab922.png","Profile - Nicelydone 01 - Slack from Slack",[108,114],{"id":87,"label":109,"slug":110,"rank":78,"group":111},"Account Setup","account-setup",{"id":87,"label":112,"slug":113},"Access & Account","access-and-account",{"id":115,"label":116,"slug":117,"rank":87,"group":118},3,"Profile","profile",{"id":119,"label":120,"slug":121},11,"Social & Collaboration","social-and-collaboration",[],{"slug":42,"title":41,"logo":44,"categories":124},[],{"uuid":126,"title":103,"description":127,"canonical_path":29,"image":128,"width":69,"height":70,"image_alt":106,"kind":72,"patterns":129,"component_categories":144,"app":145},"78d8fc4e-ea9b-41b5-b8f9-8c659cf62dfa","The screenshot displays a modal for cropping a profile photo, with options to cancel or save the changes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78d8fc4e-ea9b-41b5-b8f9-8c659cf62dfa.png",[130,136],{"id":119,"label":131,"slug":132,"rank":78,"group":133},"Edit","edit",{"id":93,"label":134,"slug":135},"Actions","actions",{"id":137,"label":138,"slug":139,"rank":87,"group":140},58,"Media Editor","media-editor",{"id":141,"label":142,"slug":143},5,"Media & Tools","media-and-tools",[],{"slug":42,"title":41,"logo":44,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":29,"image":151,"width":69,"height":70,"image_alt":152,"kind":72,"patterns":153,"component_categories":163,"app":164},"f2870ab0-95fd-441e-943a-d40ce373e523","Setup Contact Import - Nicelydone 01 - Slack","Invite team members during the onboarding process","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2870ab0-95fd-441e-943a-d40ce373e523.png","Setup Contact Import - Nicelydone 01 - Slack from Slack",[154,159,161],{"id":155,"label":156,"slug":157,"rank":78,"group":158},133,"Invite Teammates","invite-teammates",{"id":93,"label":134,"slug":135},{"id":84,"label":85,"slug":86,"rank":87,"group":160},{"id":80,"label":81,"slug":82},{"id":90,"label":91,"slug":92,"rank":93,"group":162},{"id":95,"label":96,"slug":97},[],{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":29,"image":170,"width":69,"height":70,"image_alt":171,"kind":72,"patterns":172,"component_categories":183,"app":184},"8f0f14d9-a90a-4ce1-b981-4f3faae613ab","project-01 Channel - Nicelydone 01 - Slack","A messaging platform interface displaying a channel overview with an interactive popover for onboarding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f0f14d9-a90a-4ce1-b981-4f3faae613ab.png","project-01 Channel - Nicelydone 01 - Slack from Slack",[173,181],{"id":174,"label":175,"slug":176,"rank":78,"group":177},79,"Browse","browse",{"id":178,"label":179,"slug":180},8,"Pages & Content","pages-and-content",{"id":84,"label":85,"slug":86,"rank":87,"group":182},{"id":80,"label":81,"slug":82},[],{"slug":42,"title":41,"logo":44,"categories":185},[],{"uuid":187,"title":168,"description":188,"canonical_path":29,"image":189,"width":69,"height":70,"image_alt":171,"kind":72,"patterns":190,"component_categories":201,"app":202},"57620b8e-5a66-4835-a7e2-05bc9ff2f78c","A walkthrough modal in a messaging app guiding the user through features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57620b8e-5a66-4835-a7e2-05bc9ff2f78c.png",[191,196],{"id":192,"label":193,"slug":194,"rank":78,"group":195},73,"Guided Tour","guided-tour",{"id":80,"label":81,"slug":82},{"id":197,"label":198,"slug":199,"rank":87,"group":200},72,"Getting Started","getting-started",{"id":80,"label":81,"slug":82},[],{"slug":42,"title":41,"logo":44,"categories":203},[],{"uuid":205,"title":168,"description":206,"canonical_path":29,"image":207,"width":69,"height":70,"image_alt":171,"kind":72,"patterns":208,"component_categories":221,"app":222},"272f062c-654a-4c18-950f-63e4f0ba9060","A Slack interface focused on a specific channel with a navigational sidebar, main chat area, and a customization popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F272f062c-654a-4c18-950f-63e4f0ba9060.png",[209,216],{"id":210,"label":211,"slug":212,"rank":78,"group":213},35,"Chatbot","chatbot",{"id":115,"label":214,"slug":215},"AI","ai",{"id":217,"label":218,"slug":219,"rank":87,"group":220},109,"Messages","messages",{"id":119,"label":120,"slug":121},[],{"slug":42,"title":41,"logo":44,"categories":223},[],{"uuid":225,"title":226,"description":227,"canonical_path":29,"image":228,"width":69,"height":70,"image_alt":229,"kind":72,"patterns":230,"component_categories":236,"app":237},"c708ed21-c2f3-4494-88fe-a8c9a709df7d","Login | Slack","A sign-in page for Slack with options to sign in using Google, Apple, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc708ed21-c2f3-4494-88fe-a8c9a709df7d.png","Login | Slack from Slack",[231],{"id":232,"label":233,"slug":234,"rank":78,"group":235},4,"Sign In","sign-in",{"id":87,"label":112,"slug":113},[],{"slug":42,"title":41,"logo":44,"categories":238},[],{"uuid":240,"title":226,"description":241,"canonical_path":29,"image":242,"width":69,"height":70,"image_alt":229,"kind":72,"patterns":243,"component_categories":251,"app":252},"6955a008-a729-42c3-aaa7-dc86c03b7a8c","A verification page prompting the user to check their email for a 6-character code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6955a008-a729-42c3-aaa7-dc86c03b7a8c.png",[244,249],{"id":245,"label":246,"slug":247,"rank":78,"group":248},6,"Verification","verification",{"id":87,"label":112,"slug":113},{"id":232,"label":233,"slug":234,"rank":87,"group":250},{"id":87,"label":112,"slug":113},[],{"slug":42,"title":41,"logo":44,"categories":253},[],{"uuid":255,"title":226,"description":256,"canonical_path":29,"image":257,"width":69,"height":70,"image_alt":229,"kind":72,"patterns":258,"component_categories":268,"app":269},"f1edffdf-d7c7-43ed-9d38-e8cf98343046","The screen displays a workspace selection and invitation interface in Slack, welcoming the user back.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff1edffdf-d7c7-43ed-9d38-e8cf98343046.png",[259,261],{"id":232,"label":233,"slug":234,"rank":78,"group":260},{"id":87,"label":112,"slug":113},{"id":262,"label":263,"slug":264,"rank":87,"group":265},71,"Workspace Switcher","workspace-switcher",{"id":245,"label":266,"slug":267},"Navigation & Commands","navigation-and-commands",[],{"slug":42,"title":41,"logo":44,"categories":270},[],{"uuid":272,"title":168,"description":273,"canonical_path":29,"image":274,"width":69,"height":70,"image_alt":171,"kind":72,"patterns":275,"component_categories":283,"app":284},"7be28cac-abce-4e4a-8924-4ceb51166b18","A team messaging interface displaying a sidebar with channels and direct messages, and a main area with channel details and a message input area.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7be28cac-abce-4e4a-8924-4ceb51166b18.png",[276,281],{"id":277,"label":278,"slug":279,"rank":78,"group":280},81,"Home","home",{"id":178,"label":179,"slug":180},{"id":174,"label":175,"slug":176,"rank":87,"group":282},{"id":178,"label":179,"slug":180},[],{"slug":42,"title":41,"logo":44,"categories":285},[],{"uuid":287,"title":168,"description":288,"canonical_path":29,"image":289,"width":69,"height":70,"image_alt":171,"kind":72,"patterns":290,"component_categories":303,"app":304},"caba88d1-b660-4517-a053-c2f4943c1785","A team messaging interface with a sidebar for navigation and a main area for channel content and interactions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaba88d1-b660-4517-a053-c2f4943c1785.png",[291,293,298],{"id":217,"label":218,"slug":219,"rank":78,"group":292},{"id":119,"label":120,"slug":121},{"id":294,"label":295,"slug":296,"rank":87,"group":297},113,"Social Feed","social-feed",{"id":119,"label":120,"slug":121},{"id":299,"label":300,"slug":301,"rank":93,"group":302},65,"Navigation Menu","navigation-menu",{"id":245,"label":266,"slug":267},[],{"slug":42,"title":41,"logo":44,"categories":305},[],{"family":307,"examples":308},"flows",[],{"family":310,"examples":311},"components",[],{"family":313,"examples":314},"pages",[],[316,318,320,322,324,327,330,333,335,339,343,347],{"label":317,"to":29},"Slack product screens",{"label":319,"to":38},"Slack marketing pages",{"label":321,"to":32},"Slack user flows",{"label":323,"to":35},"Slack UI components",{"label":325,"to":326},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":328,"to":329},"Messaging app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmessaging",{"label":331,"to":332},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":334,"to":18},"All SaaS app examples",{"label":336,"to":337,"description":338},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":340,"to":341,"description":342},"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":344,"to":345,"description":346},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":348,"to":349,"description":350},"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":352,"updated_at":353},"2016-07-07T08:45:34.000Z","2026-09-13T13:02:39.000Z"]