[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplayspace":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":48,"showcases":49,"links":318,"dates":349},"\u002Fexamples\u002Fapps\u002Fplayspace","detail","apps",true,{"title":9,"description":10,"og_image":11},"Playspace design examples - Nicelydone","Explore Playspace UI design examples. Creative teamwork from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_sign-up_modals-and-popovers_97785a6e_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},"Playspace design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Playspace",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fplayspace\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fplayspace\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fplayspace\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Playspace","playspace","Creative teamwork from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplayspace-ac7daf34.png","https:\u002F\u002Fplay.space\u002F",[44],{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[],[50,312,315],{"family":51,"examples":52},"screens",[53,86,113,128,141,160,191,220,236,261,278,295],{"uuid":54,"title":55,"description":56,"canonical_path":29,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":84},"870ec766-4e24-4d98-bc60-8b7ad15cb760","Playspace | Creative teamwork from anywhere","Landing page where the user is prompted to join the waitlist for an alpha release via a central modal.",3072,1654,"Playspace | Creative teamwork from anywhere from Playspace","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},5,"Sign Up","sign-up",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72,76,80],{"id":73,"title":74,"slug":75},258,"Header","header",{"id":77,"title":78,"slug":79},284,"Modal","modal",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":85},[],{"uuid":87,"title":55,"description":88,"canonical_path":29,"image":89,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":90,"component_categories":107,"app":111},"cfd81fa3-c75c-45d5-831f-6532c7f64261","Landing page where the user submits their email address to join the alpha waitlist via a centered modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_sign-up_modals-and-popovers_4fe5c832_nicelydone.png",[91,93,101],{"id":63,"label":64,"slug":65,"rank":66,"group":92},{"id":68,"label":69,"slug":70},{"id":94,"label":95,"slug":96,"rank":68,"group":97},114,"Confirmation","confirmation",{"id":98,"label":99,"slug":100},12,"States & Feedback","states-and-feedback",{"id":102,"label":103,"slug":104,"rank":105,"group":106},120,"Loading","loading",2,{"id":98,"label":99,"slug":100},[108,109,110],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":112},[],{"uuid":114,"title":55,"description":115,"canonical_path":29,"image":116,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":117,"component_categories":123,"app":126},"50c1cf2d-27a9-4730-871e-8bffc0ed356b","Sign-in overlay where the user authenticates with Google, Microsoft, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_sign-in_modals-and-popovers_96a6594a_nicelydone.png",[118],{"id":119,"label":120,"slug":121,"rank":66,"group":122},4,"Sign In","sign-in",{"id":68,"label":69,"slug":70},[124,125],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":127},[],{"uuid":129,"title":55,"description":130,"canonical_path":29,"image":131,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":132,"component_categories":135,"app":139},"2a346dbb-860c-461f-8c65-0454c665a201","Landing page where the user has opened a modal to sign in via a magic link sent to their email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_sign-in_modals-and-popovers_5cd3f151_nicelydone.png",[133],{"id":119,"label":120,"slug":121,"rank":66,"group":134},{"id":68,"label":69,"slug":70},[136,137,138],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":140},[],{"uuid":142,"title":55,"description":143,"canonical_path":29,"image":144,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":145,"component_categories":155,"app":158},"887961d1-59f4-42ff-bbbc-35e5bde4e62e","Sign-in modal where the user has just requested a magic link and sees a success message prompting them to check their email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_sign-in_modals-and-popovers_07fa1be4_nicelydone.png",[146,148,150],{"id":119,"label":120,"slug":121,"rank":66,"group":147},{"id":68,"label":69,"slug":70},{"id":94,"label":95,"slug":96,"rank":68,"group":149},{"id":98,"label":99,"slug":100},{"id":151,"label":152,"slug":153,"rank":105,"group":154},122,"Success","success",{"id":98,"label":99,"slug":100},[156,157],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":29,"image":164,"width":57,"height":165,"image_alt":166,"kind":60,"patterns":167,"component_categories":183,"app":189},"c6b27d5f-5d45-4567-b9db-4ca41ec7a255","Playspace-01","Onboarding step where the user is welcomed to the early access program and can choose to open the guide or continue into the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_onboarding_4ebae688_nicelydone.png",1716,"Playspace-01 from Playspace",[168,176,181],{"id":169,"label":170,"slug":171,"rank":66,"group":172},77,"Welcome","welcome",{"id":173,"label":174,"slug":175},7,"Onboarding & Education","onboarding-and-education",{"id":177,"label":178,"slug":179,"rank":68,"group":180},72,"Getting Started","getting-started",{"id":173,"label":174,"slug":175},{"id":94,"label":95,"slug":96,"rank":105,"group":182},{"id":98,"label":99,"slug":100},[184,188],{"id":185,"title":186,"slug":187},174,"Card","card",{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":29,"image":195,"width":57,"height":165,"image_alt":196,"kind":60,"patterns":197,"component_categories":215,"app":218},"e4ada053-1ac4-414d-b117-3ec6672f471d","Playspace-02","Onboarding step where the user names their team and sets a custom URL for room links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_onboarding_team_75c8474c_nicelydone.png","Playspace-02 from Playspace",[198,202,210],{"id":68,"label":199,"slug":200,"rank":66,"group":201},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},{"id":203,"label":204,"slug":205,"rank":68,"group":206},104,"Team Management","team-management",{"id":207,"label":208,"slug":209},10,"Settings & Admin","settings-and-admin",{"id":211,"label":212,"slug":213,"rank":105,"group":214},75,"Setup Wizard","setup-wizard",{"id":173,"label":174,"slug":175},[216,217],{"id":185,"title":186,"slug":187},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":219},[],{"uuid":221,"title":222,"description":223,"canonical_path":29,"image":224,"width":57,"height":165,"image_alt":225,"kind":60,"patterns":226,"component_categories":231,"app":234},"57fa1306-48e2-4e9b-9f38-a5748755d52e","Playspace-03","Onboarding step where the user names their new team and claims a custom URL for their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_onboarding_team_879a0924_nicelydone.png","Playspace-03 from Playspace",[227,229],{"id":68,"label":199,"slug":200,"rank":66,"group":228},{"id":68,"label":69,"slug":70},{"id":203,"label":204,"slug":205,"rank":68,"group":230},{"id":207,"label":208,"slug":209},[232,233],{"id":185,"title":186,"slug":187},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":235},[],{"uuid":237,"title":238,"description":239,"canonical_path":29,"image":240,"width":57,"height":165,"image_alt":241,"kind":60,"patterns":242,"component_categories":252,"app":259},"1aaa66ad-bc64-4f6c-a7b4-2e75e151b040","Playspace-04","Onboarding step where the user can invite teammates by entering an email address or copying an invite link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_onboarding_team_9a1b7a41_nicelydone.png","Playspace-04 from Playspace",[243,250],{"id":244,"label":245,"slug":246,"rank":66,"group":247},133,"Invite Teammates","invite-teammates",{"id":105,"label":248,"slug":249},"Actions","actions",{"id":203,"label":204,"slug":205,"rank":68,"group":251},{"id":207,"label":208,"slug":209},[253,257,258],{"id":254,"title":255,"slug":256},277,"Button group","button-group",{"id":185,"title":186,"slug":187},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":260},[],{"uuid":262,"title":263,"description":264,"canonical_path":29,"image":265,"width":57,"height":165,"image_alt":266,"kind":60,"patterns":267,"component_categories":272,"app":276},"a39c683b-c5d1-45fb-83bd-f37f20a4598c","Playspace-05","Onboarding step where the user is prompted to invite people to their team via an email address or a shareable link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_onboarding_team_13865c7c_nicelydone.png","Playspace-05 from Playspace",[268,270],{"id":244,"label":245,"slug":246,"rank":66,"group":269},{"id":105,"label":248,"slug":249},{"id":203,"label":204,"slug":205,"rank":68,"group":271},{"id":207,"label":208,"slug":209},[273,274,275],{"id":254,"title":255,"slug":256},{"id":185,"title":186,"slug":187},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":29,"image":282,"width":57,"height":165,"image_alt":283,"kind":60,"patterns":284,"component_categories":289,"app":293},"a24411d2-17e5-40ad-b54b-d534e6b0e361","Playspace-06","Onboarding step where the user invites teammates by entering an email address or copying a team invite link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_onboarding_team_e60721d8_nicelydone.png","Playspace-06 from Playspace",[285,287],{"id":244,"label":245,"slug":246,"rank":66,"group":286},{"id":105,"label":248,"slug":249},{"id":203,"label":204,"slug":205,"rank":68,"group":288},{"id":207,"label":208,"slug":209},[290,291,292],{"id":254,"title":255,"slug":256},{"id":185,"title":186,"slug":187},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":294},[],{"uuid":296,"title":297,"description":298,"canonical_path":29,"image":299,"width":57,"height":165,"image_alt":300,"kind":60,"patterns":301,"component_categories":306,"app":310},"40063ed6-2a5b-4830-9fa1-6741b3686308","Playspace-07","Onboarding step where the user invites teammates to their workspace by entering email addresses or copying a shareable invite link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_onboarding_team_5e8deeff_nicelydone.png","Playspace-07 from Playspace",[302,304],{"id":244,"label":245,"slug":246,"rank":66,"group":303},{"id":105,"label":248,"slug":249},{"id":203,"label":204,"slug":205,"rank":68,"group":305},{"id":207,"label":208,"slug":209},[307,308,309],{"id":254,"title":255,"slug":256},{"id":185,"title":186,"slug":187},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":311},[],{"family":313,"examples":314},"flows",[],{"family":316,"examples":317},"pages",[],[319,321,323,325,328,331,333,337,341,345],{"label":320,"to":29},"Playspace product screens",{"label":322,"to":35},"Playspace marketing pages",{"label":324,"to":32},"Playspace user flows",{"label":326,"to":327},"Playspace UI components","\u002Fexamples\u002Fapps\u002Fplayspace\u002Fcomponents",{"label":329,"to":330},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":332,"to":18},"All SaaS app examples",{"label":334,"to":335,"description":336},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":338,"to":339,"description":340},"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":342,"to":343,"description":344},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":346,"to":347,"description":348},"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":350,"updated_at":351},"2021-04-27T21:50:33.000Z","2026-09-13T13:02:39.000Z"]