[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplayspace\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":299,"links":300,"dates":353},"\u002Fexamples\u002Fapps\u002Fplayspace\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Playspace product screens examples - Nicelydone","Browse Playspace screen design examples. Preview the interface screenshots and explore related UI patterns. Creative teamwork from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplayspace_sign-up_modals-and-popovers_97785a6e_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},"Playspace design examples","\u002Fexamples\u002Fapps\u002Fplayspace",{"label":23,"to":4},"Playspace 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},"Playspace","playspace","Creative teamwork from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplayspace-ac7daf34.png","https:\u002F\u002Fplay.space\u002F",[35],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",[40,73,100,115,128,147,178,207,223,248,265,282],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":71},"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",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},5,"Sign Up","sign-up",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63,67],{"id":60,"title":61,"slug":62},258,"Header","header",{"id":64,"title":65,"slug":66},284,"Modal","modal",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":42,"description":75,"canonical_path":4,"image":76,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":77,"component_categories":94,"app":98},"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",[78,80,88],{"id":50,"label":51,"slug":52,"rank":53,"group":79},{"id":55,"label":56,"slug":57},{"id":81,"label":82,"slug":83,"rank":55,"group":84},114,"Confirmation","confirmation",{"id":85,"label":86,"slug":87},12,"States & Feedback","states-and-feedback",{"id":89,"label":90,"slug":91,"rank":92,"group":93},120,"Loading","loading",2,{"id":85,"label":86,"slug":87},[95,96,97],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":42,"description":102,"canonical_path":4,"image":103,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":104,"component_categories":110,"app":113},"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",[105],{"id":106,"label":107,"slug":108,"rank":53,"group":109},4,"Sign In","sign-in",{"id":55,"label":56,"slug":57},[111,112],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":42,"description":117,"canonical_path":4,"image":118,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":119,"component_categories":122,"app":126},"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",[120],{"id":106,"label":107,"slug":108,"rank":53,"group":121},{"id":55,"label":56,"slug":57},[123,124,125],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":42,"description":130,"canonical_path":4,"image":131,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":132,"component_categories":142,"app":145},"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",[133,135,137],{"id":106,"label":107,"slug":108,"rank":53,"group":134},{"id":55,"label":56,"slug":57},{"id":81,"label":82,"slug":83,"rank":55,"group":136},{"id":85,"label":86,"slug":87},{"id":138,"label":139,"slug":140,"rank":92,"group":141},122,"Success","success",{"id":85,"label":86,"slug":87},[143,144],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":44,"height":152,"image_alt":153,"kind":47,"patterns":154,"component_categories":170,"app":176},"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",[155,163,168],{"id":156,"label":157,"slug":158,"rank":53,"group":159},77,"Welcome","welcome",{"id":160,"label":161,"slug":162},7,"Onboarding & Education","onboarding-and-education",{"id":164,"label":165,"slug":166,"rank":55,"group":167},72,"Getting Started","getting-started",{"id":160,"label":161,"slug":162},{"id":81,"label":82,"slug":83,"rank":92,"group":169},{"id":85,"label":86,"slug":87},[171,175],{"id":172,"title":173,"slug":174},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":4,"image":182,"width":44,"height":152,"image_alt":183,"kind":47,"patterns":184,"component_categories":202,"app":205},"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",[185,189,197],{"id":55,"label":186,"slug":187,"rank":53,"group":188},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},{"id":190,"label":191,"slug":192,"rank":55,"group":193},104,"Team Management","team-management",{"id":194,"label":195,"slug":196},10,"Settings & Admin","settings-and-admin",{"id":198,"label":199,"slug":200,"rank":92,"group":201},75,"Setup Wizard","setup-wizard",{"id":160,"label":161,"slug":162},[203,204],{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":4,"image":211,"width":44,"height":152,"image_alt":212,"kind":47,"patterns":213,"component_categories":218,"app":221},"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",[214,216],{"id":55,"label":186,"slug":187,"rank":53,"group":215},{"id":55,"label":56,"slug":57},{"id":190,"label":191,"slug":192,"rank":55,"group":217},{"id":194,"label":195,"slug":196},[219,220],{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":4,"image":227,"width":44,"height":152,"image_alt":228,"kind":47,"patterns":229,"component_categories":239,"app":246},"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",[230,237],{"id":231,"label":232,"slug":233,"rank":53,"group":234},133,"Invite Teammates","invite-teammates",{"id":92,"label":235,"slug":236},"Actions","actions",{"id":190,"label":191,"slug":192,"rank":55,"group":238},{"id":194,"label":195,"slug":196},[240,244,245],{"id":241,"title":242,"slug":243},277,"Button group","button-group",{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":250,"description":251,"canonical_path":4,"image":252,"width":44,"height":152,"image_alt":253,"kind":47,"patterns":254,"component_categories":259,"app":263},"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",[255,257],{"id":231,"label":232,"slug":233,"rank":53,"group":256},{"id":92,"label":235,"slug":236},{"id":190,"label":191,"slug":192,"rank":55,"group":258},{"id":194,"label":195,"slug":196},[260,261,262],{"id":241,"title":242,"slug":243},{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":267,"description":268,"canonical_path":4,"image":269,"width":44,"height":152,"image_alt":270,"kind":47,"patterns":271,"component_categories":276,"app":280},"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",[272,274],{"id":231,"label":232,"slug":233,"rank":53,"group":273},{"id":92,"label":235,"slug":236},{"id":190,"label":191,"slug":192,"rank":55,"group":275},{"id":194,"label":195,"slug":196},[277,278,279],{"id":241,"title":242,"slug":243},{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":284,"description":285,"canonical_path":4,"image":286,"width":44,"height":152,"image_alt":287,"kind":47,"patterns":288,"component_categories":293,"app":297},"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",[289,291],{"id":231,"label":232,"slug":233,"rank":53,"group":290},{"id":92,"label":235,"slug":236},{"id":190,"label":191,"slug":192,"rank":55,"group":292},{"id":194,"label":195,"slug":196},[294,295,296],{"id":241,"title":242,"slug":243},{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":298},[],[],[301,303,305,307,309,311,313,315,317,319,321,323,326,329,332,335,337,341,345,349],{"label":191,"to":302},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":232,"to":304},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":82,"to":306},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":107,"to":308},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":186,"to":310},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":51,"to":312},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":165,"to":314},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":90,"to":316},"\u002Fexamples\u002Fscreens\u002Floading",{"label":199,"to":318},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":139,"to":320},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":157,"to":322},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":324,"to":325},"Playspace marketing pages","\u002Fexamples\u002Fapps\u002Fplayspace\u002Fmarketing",{"label":327,"to":328},"Playspace user flows","\u002Fexamples\u002Fapps\u002Fplayspace\u002Fflows",{"label":330,"to":331},"Playspace UI components","\u002Fexamples\u002Fapps\u002Fplayspace\u002Fcomponents",{"label":333,"to":334},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":336,"to":18},"All SaaS app examples",{"label":338,"to":339,"description":340},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":342,"to":343,"description":344},"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":346,"to":347,"description":348},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":350,"to":351,"description":352},"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":354,"updated_at":355},"2021-04-27T21:50:33.000Z","2026-09-13T13:02:39.000Z"]