[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcampsite":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":280,"dates":313},"\u002Fexamples\u002Fapps\u002Fcampsite","detail","apps",true,{"title":9,"description":10,"og_image":11},"Campsite design examples - Nicelydone","Explore Campsite UI design examples. The home for your team’s work in progress","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d2b4bcb-25fd-4855-ba54-7ab4cac55a33.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Campsite design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Campsite",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcampsite\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fcampsite\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fcampsite\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fcampsite\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Campsite","campsite","The home for your team’s work in progress","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcampsite-b08e9520.png","https:\u002F\u002Fwww.campsite.design","trycampsite",[48,52],{"id":49,"title":50,"slug":51},8,"Design","design",{"id":53,"title":54,"slug":55},23,"Collaboration","collaboration",[],[58,271,274,277],{"family":59,"examples":60},"screens",[61,86,102,129,149,178,190,203,217,234,245,259],{"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},"2d2b4bcb-25fd-4855-ba54-7ab4cac55a33","Sign up - Campsite","Sign-up screen where the user can create an account using Google, SSO, or an email and password combination.",3024,1778,"Sign up - Campsite from Campsite","screen",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},5,"Sign Up","sign-up",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":88,"description":89,"canonical_path":29,"image":90,"width":65,"height":66,"image_alt":91,"kind":68,"patterns":92,"component_categories":98,"app":100},"e695d494-298b-42a6-aeef-e076dc3eb850","Confirm your email","Auth screen where the user is prompted to check their inbox to confirm their email address, with options to resend the link or sign out.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe695d494-298b-42a6-aeef-e076dc3eb850.png","Confirm your email from Campsite",[93],{"id":94,"label":95,"slug":96,"rank":74,"group":97},6,"Verification","verification",{"id":76,"label":77,"slug":78},[99],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":29,"image":106,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":108,"component_categories":121,"app":127},"42c7ea6b-f402-4027-beb1-4d2e379d6e23","Welcome to Campsite","Onboarding step where the user names their organization, uploads a logo, and answers profiling questions about their role and team size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42c7ea6b-f402-4027-beb1-4d2e379d6e23.png","Welcome to Campsite from Campsite",[109,113],{"id":76,"label":110,"slug":111,"rank":74,"group":112},"Account Setup","account-setup",{"id":76,"label":77,"slug":78},{"id":114,"label":115,"slug":116,"rank":76,"group":117},77,"Welcome","welcome",{"id":118,"label":119,"slug":120},7,"Onboarding & Education","onboarding-and-education",[122,126],{"id":123,"title":124,"slug":125},240,"Horizontal navigation","horizontal-navigation",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":128},[],{"uuid":130,"title":104,"description":131,"canonical_path":29,"image":132,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":133,"component_categories":144,"app":147},"8e15fd40-ced4-4a4d-89ee-93db5fe0a073","Onboarding step where the user creates their organization by providing a name, uploading a logo, and answering profiling questions like role and company size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e15fd40-ced4-4a4d-89ee-93db5fe0a073.png",[134,136],{"id":76,"label":110,"slug":111,"rank":74,"group":135},{"id":76,"label":77,"slug":78},{"id":137,"label":138,"slug":139,"rank":76,"group":140},104,"Team Management","team-management",{"id":141,"label":142,"slug":143},10,"Settings & Admin","settings-and-admin",[145,146],{"id":123,"title":124,"slug":125},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":148},[],{"uuid":150,"title":104,"description":151,"canonical_path":29,"image":152,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":153,"component_categories":173,"app":176},"218d6036-d27c-4627-973c-b04feb0c696c","Onboarding step where the user names their organization, sets a custom URL slug, and answers profiling questions about their role and company size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F218d6036-d27c-4627-973c-b04feb0c696c.png",[154,156,161,170],{"id":76,"label":110,"slug":111,"rank":74,"group":155},{"id":76,"label":77,"slug":78},{"id":157,"label":158,"slug":159,"rank":76,"group":160},75,"Setup Wizard","setup-wizard",{"id":118,"label":119,"slug":120},{"id":162,"label":163,"slug":164,"rank":165,"group":166},42,"Form","form",2,{"id":167,"label":168,"slug":169},4,"Data & Analysis","data-and-analysis",{"id":114,"label":115,"slug":116,"rank":171,"group":172},3,{"id":118,"label":119,"slug":120},[174,175],{"id":123,"title":124,"slug":125},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":177},[],{"uuid":179,"title":104,"description":180,"canonical_path":29,"image":181,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":182,"component_categories":185,"app":188},"77507e14-a028-4ab4-b163-0da68bf0d5e4","Onboarding step where the user names their new organization, sets a custom workspace URL, and selects their role from a dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77507e14-a028-4ab4-b163-0da68bf0d5e4.png",[183],{"id":76,"label":110,"slug":111,"rank":74,"group":184},{"id":76,"label":77,"slug":78},[186,187],{"id":123,"title":124,"slug":125},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":189},[],{"uuid":191,"title":104,"description":192,"canonical_path":29,"image":193,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":194,"component_categories":199,"app":201},"02b7047a-04a0-41e8-998a-088f579480bb","Onboarding step where the user names their first workspace, uploads a logo, and provides details like their role and organization size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02b7047a-04a0-41e8-998a-088f579480bb.png",[195,197],{"id":76,"label":110,"slug":111,"rank":74,"group":196},{"id":76,"label":77,"slug":78},{"id":157,"label":158,"slug":159,"rank":76,"group":198},{"id":118,"label":119,"slug":120},[200],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":202},[],{"uuid":204,"title":104,"description":205,"canonical_path":29,"image":206,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":207,"component_categories":212,"app":215},"c881b0c0-b7dd-43a9-b7d4-8637815a330f","Onboarding step where the user creates their organization by uploading a logo, naming the workspace, and selecting their role and company size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc881b0c0-b7dd-43a9-b7d4-8637815a330f.png",[208,210],{"id":76,"label":110,"slug":111,"rank":74,"group":209},{"id":76,"label":77,"slug":78},{"id":114,"label":115,"slug":116,"rank":76,"group":211},{"id":118,"label":119,"slug":120},[213,214],{"id":123,"title":124,"slug":125},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":216},[],{"uuid":218,"title":104,"description":219,"canonical_path":29,"image":220,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":221,"component_categories":226,"app":232},"84f3ff2b-c332-4d37-95b1-51ee711654fe","Onboarding step where the user creates their organization by providing a name, uploading a logo, and selecting their role and company size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84f3ff2b-c332-4d37-95b1-51ee711654fe.png",[222,224],{"id":76,"label":110,"slug":111,"rank":74,"group":223},{"id":76,"label":77,"slug":78},{"id":114,"label":115,"slug":116,"rank":76,"group":225},{"id":118,"label":119,"slug":120},[227,231],{"id":228,"title":229,"slug":230},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":233},[],{"uuid":235,"title":104,"description":236,"canonical_path":29,"image":237,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":238,"component_categories":241,"app":243},"712b62ba-96ae-4200-a672-cb764de9fe19","Onboarding step where the user names their organization, sets a custom workspace URL, and provides profiling details like role and company size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F712b62ba-96ae-4200-a672-cb764de9fe19.png",[239],{"id":76,"label":110,"slug":111,"rank":74,"group":240},{"id":76,"label":77,"slug":78},[242],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":244},[],{"uuid":246,"title":104,"description":247,"canonical_path":29,"image":248,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":249,"component_categories":254,"app":257},"a078ba5b-8ef4-4150-87a3-4587dfd6955f","Onboarding step where the user creates their organization by answering how they heard about the product and what they intend to use it for.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa078ba5b-8ef4-4150-87a3-4587dfd6955f.png",[250,252],{"id":157,"label":158,"slug":159,"rank":74,"group":251},{"id":118,"label":119,"slug":120},{"id":76,"label":110,"slug":111,"rank":76,"group":253},{"id":76,"label":77,"slug":78},[255,256],{"id":123,"title":124,"slug":125},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":258},[],{"uuid":260,"title":104,"description":261,"canonical_path":29,"image":262,"width":65,"height":66,"image_alt":107,"kind":68,"patterns":263,"component_categories":266,"app":269},"3ac5a91b-4ffc-4d7f-b6fb-5c972d329a2b","Onboarding step where the user creates their organization by selecting an attribution source from a dropdown and stating their intended use case.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ac5a91b-4ffc-4d7f-b6fb-5c972d329a2b.png",[264],{"id":76,"label":110,"slug":111,"rank":74,"group":265},{"id":76,"label":77,"slug":78},[267,268],{"id":123,"title":124,"slug":125},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":270},[],{"family":272,"examples":273},"flows",[],{"family":275,"examples":276},"components",[],{"family":278,"examples":279},"pages",[],[281,283,285,287,289,292,295,297,301,305,309],{"label":282,"to":29},"Campsite product screens",{"label":284,"to":38},"Campsite marketing pages",{"label":286,"to":32},"Campsite user flows",{"label":288,"to":35},"Campsite UI components",{"label":290,"to":291},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":293,"to":294},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":296,"to":18},"All SaaS app examples",{"label":298,"to":299,"description":300},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":302,"to":303,"description":304},"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":306,"to":307,"description":308},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":310,"to":311,"description":312},"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":314,"updated_at":315},"2022-06-12T19:25:02.000Z","2026-09-13T13:02:39.000Z"]