[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Froles-and-permissions":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":482,"links":483,"dates":529},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions","collection","screens",true,{"example_count":9,"app_count":10},5012,347,{"id":12,"title":13,"description":14},100,"Roles & Permissions","See how SaaS apps explain who can access a workspace and what they can do. Explore how role choices and permission controls relate to people, teams, and resources.",{"title":16,"description":17,"og_image":18},"Roles & Permissions screen examples - Nicelydone","Roles & Permissions screen design examples from SaaS apps. See how SaaS apps explain who can access a workspace and what they can do. Explore how role…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5dc8014b-95b7-4aec-979b-6f59639d3a2d.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"Roles & Permissions screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","Roles & Permissions screen design examples from SaaS apps. See how SaaS apps explain who can access a workspace and what they can do. Explore how role choices and permission controls relate to people, teams, and…",[32],{"title":33,"description":14,"links":34},"About Roles & Permissions",[],[36],"5012 screens",[38,101,145,187,221,253,288,321,358,394,425,455],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":70,"app":79},"5dc8014b-95b7-4aec-979b-6f59639d3a2d","Members | Nicelydone | Polar","Settings page where the user manages organization access by viewing a list of current members, their roles, and joined dates, with an option to invite new users.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Members | Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[49,58,62],{"id":50,"label":51,"slug":52,"rank":53,"group":54},104,"Team Management","team-management",0,{"id":55,"label":56,"slug":57},10,"Settings & Admin","settings-and-admin",{"id":12,"label":13,"slug":59,"rank":60,"group":61},"roles-and-permissions",1,{"id":55,"label":56,"slug":57},{"id":63,"label":64,"slug":65,"rank":66,"group":67},133,"Invite Teammates","invite-teammates",2,{"id":66,"label":68,"slug":69},"Actions","actions",[71,75],{"id":72,"title":73,"slug":74},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[85,89,93,97],{"id":86,"title":87,"slug":88},36,"Finance","finance",{"id":90,"title":91,"slug":92},39,"Payments","payments",{"id":94,"title":95,"slug":96},48,"Developer Tools","developer-tools",{"id":98,"title":99,"slug":100},37,"Developer APIs","developer-apis",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":43,"height":44,"image_alt":107,"published_at":108,"kind":47,"patterns":109,"component_categories":116,"app":127},"59d23427-ea6c-4b42-9ab3-64b1642fb93d","Teams | Magnific (formerly Freepik)","Settings page where the user manages organization members, views their assigned roles, and monitors individual credit usage.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59d23427-ea6c-4b42-9ab3-64b1642fb93d.png","Teams | Magnific (formerly Freepik) from Magnific","2026-09-14T12:05:04.000Z",[110,112,114],{"id":50,"label":51,"slug":52,"rank":53,"group":111},{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":59,"rank":60,"group":113},{"id":55,"label":56,"slug":57},{"id":63,"label":64,"slug":65,"rank":66,"group":115},{"id":66,"label":68,"slug":69},[117,121,125,126],{"id":118,"title":119,"slug":120},177,"Breadcrumb","breadcrumb",{"id":122,"title":123,"slug":124},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":128,"title":129,"logo":130,"baseline":131,"categories":132},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[133,137,141],{"id":134,"title":135,"slug":136},8,"Design","design",{"id":138,"title":139,"slug":140},15,"Media and Entertainment","media-and-entertainment",{"id":142,"title":143,"slug":144},80,"Artificial Intelligence","artificial-intelligence",{"uuid":146,"title":147,"description":148,"canonical_path":149,"image":150,"width":43,"height":44,"image_alt":151,"published_at":152,"kind":47,"patterns":153,"component_categories":166,"app":180},"cceabd15-9e45-4cd6-bfc9-bdb2277bd668","Members & access – Dashboard - Latitude.sh","Settings page where the user manages workspace members and their roles, with a feedback popover currently open to collect user input.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcceabd15-9e45-4cd6-bfc9-bdb2277bd668.png","Members & access – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[154,156,158],{"id":50,"label":51,"slug":52,"rank":53,"group":155},{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":59,"rank":60,"group":157},{"id":55,"label":56,"slug":57},{"id":159,"label":160,"slug":161,"rank":66,"group":162},117,"Feedback","feedback",{"id":163,"label":164,"slug":165},12,"States & Feedback","states-and-feedback",[167,171,175,179],{"id":168,"title":169,"slug":170},214,"Popover","popover",{"id":172,"title":173,"slug":174},233,"Tabs","tabs",{"id":176,"title":177,"slug":178},174,"Card","card",{"id":76,"title":77,"slug":78},{"slug":181,"title":182,"logo":183,"baseline":184,"categories":185},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[186],{"id":94,"title":95,"slug":96},{"uuid":188,"title":189,"description":190,"canonical_path":191,"image":192,"width":43,"height":44,"image_alt":193,"published_at":194,"kind":47,"patterns":195,"component_categories":202,"app":209},"f027cdcf-b351-411f-b146-765000d7ef01","Nicely Done » New view","Settings modal where the user invites new teammates by email and manages existing workspace members.","\u002Fexamples\u002Fapps\u002Falloy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff027cdcf-b351-411f-b146-765000d7ef01.png","Nicely Done » New view from Alloy","2026-09-14T10:58:46.000Z",[196,198,200],{"id":50,"label":51,"slug":52,"rank":53,"group":197},{"id":55,"label":56,"slug":57},{"id":63,"label":64,"slug":65,"rank":60,"group":199},{"id":66,"label":68,"slug":69},{"id":12,"label":13,"slug":59,"rank":66,"group":201},{"id":55,"label":56,"slug":57},[203,207,208],{"id":204,"title":205,"slug":206},284,"Modal","modal",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":210,"title":211,"logo":212,"baseline":213,"categories":214},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png","AI prototyping tool for product managers",[215,216,217],{"id":94,"title":95,"slug":96},{"id":142,"title":143,"slug":144},{"id":218,"title":219,"slug":220},86,"Product management","product-management",{"uuid":222,"title":223,"description":224,"canonical_path":225,"image":226,"width":43,"height":44,"image_alt":227,"published_at":228,"kind":47,"patterns":229,"component_categories":236,"app":239},"67e1ab6b-63a4-4fb3-8b51-f5fcfc5e0365","Flask","Settings page where the user manages workspace members, views their roles, and can copy an invite link to add more seats.","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67e1ab6b-63a4-4fb3-8b51-f5fcfc5e0365.png","Flask from Flask","2026-09-07T12:11:43.000Z",[230,232,234],{"id":50,"label":51,"slug":52,"rank":53,"group":231},{"id":55,"label":56,"slug":57},{"id":63,"label":64,"slug":65,"rank":60,"group":233},{"id":66,"label":68,"slug":69},{"id":12,"label":13,"slug":59,"rank":66,"group":235},{"id":55,"label":56,"slug":57},[237,238],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":240,"title":223,"logo":241,"baseline":242,"categories":243},"flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[244,247,251],{"id":12,"title":245,"slug":246},"Video","video",{"id":248,"title":249,"slug":250},23,"Collaboration","collaboration",{"id":252,"title":160,"slug":161},35,{"uuid":254,"title":255,"description":256,"canonical_path":257,"image":258,"width":43,"height":44,"image_alt":259,"published_at":260,"kind":47,"patterns":261,"component_categories":266,"app":275},"97f658c1-75c5-4083-8b10-9673e7a193bb","Settings | inference.net","Settings page where the user configures the team name, copies the team ID, toggles inference results retention, and manages team members and pending invitations.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97f658c1-75c5-4083-8b10-9673e7a193bb.png","Settings | inference.net from Inference","2026-09-07T10:14:44.000Z",[262,264],{"id":50,"label":51,"slug":52,"rank":53,"group":263},{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":59,"rank":60,"group":265},{"id":55,"label":56,"slug":57},[267,268,272,273,274],{"id":118,"title":119,"slug":120},{"id":269,"title":270,"slug":271},240,"Horizontal navigation","horizontal-navigation",{"id":122,"title":123,"slug":124},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":276,"title":277,"logo":278,"baseline":279,"categories":280},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[281,282,286,287],{"id":94,"title":95,"slug":96},{"id":283,"title":284,"slug":285},16,"Monitoring","monitoring",{"id":98,"title":99,"slug":100},{"id":142,"title":143,"slug":144},{"uuid":289,"title":290,"description":291,"canonical_path":292,"image":293,"width":43,"height":44,"image_alt":294,"published_at":295,"kind":47,"patterns":296,"component_categories":303,"app":308},"0fe01b40-b719-4e78-9cee-b1a8027e250b","Steel | Open-source Headless Browser API","Settings page where the user manages organization members, changes roles between Admin and Member, and invites new teammates.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0fe01b40-b719-4e78-9cee-b1a8027e250b.png","Steel | Open-source Headless Browser API from Steel","2026-08-31T08:39:06.000Z",[297,299,301],{"id":50,"label":51,"slug":52,"rank":53,"group":298},{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":59,"rank":60,"group":300},{"id":55,"label":56,"slug":57},{"id":63,"label":64,"slug":65,"rank":66,"group":302},{"id":66,"label":68,"slug":69},[304,305,306,307],{"id":172,"title":173,"slug":174},{"id":269,"title":270,"slug":271},{"id":122,"title":123,"slug":124},{"id":72,"title":73,"slug":74},{"slug":309,"title":310,"logo":311,"baseline":312,"categories":313},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[314,315,316,317],{"id":94,"title":95,"slug":96},{"id":142,"title":143,"slug":144},{"id":98,"title":99,"slug":100},{"id":318,"title":319,"slug":320},45,"Open Source","open-source",{"uuid":322,"title":323,"description":324,"canonical_path":325,"image":326,"width":43,"height":44,"image_alt":327,"published_at":328,"kind":47,"patterns":329,"component_categories":336,"app":342},"5f7910a8-0cf0-427f-870c-3bf25884f5ed","Zaro - The Context Layer for Enterprise AI","Settings page where the user manages workspace members, views pending invitations, and invites new teammates by email with specific roles.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f7910a8-0cf0-427f-870c-3bf25884f5ed.png","Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z",[330,332,334],{"id":50,"label":51,"slug":52,"rank":53,"group":331},{"id":55,"label":56,"slug":57},{"id":63,"label":64,"slug":65,"rank":60,"group":333},{"id":66,"label":68,"slug":69},{"id":12,"label":13,"slug":59,"rank":66,"group":335},{"id":55,"label":56,"slug":57},[337,338,339,340,341],{"id":118,"title":119,"slug":120},{"id":176,"title":177,"slug":178},{"id":122,"title":123,"slug":124},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":343,"title":344,"logo":345,"baseline":346,"categories":347},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[348,349,350,354],{"id":248,"title":249,"slug":250},{"id":142,"title":143,"slug":144},{"id":351,"title":352,"slug":353},22,"Knowledge Management","knowledge-management",{"id":355,"title":356,"slug":357},46,"Analytics","analytics",{"uuid":359,"title":360,"description":361,"canonical_path":362,"image":363,"width":43,"height":44,"image_alt":364,"published_at":365,"kind":47,"patterns":366,"component_categories":376,"app":381},"151c1ac8-19a1-46d8-85e7-7a25628cb762","Users - Settings - Axiom","Settings page where the user manages the organization's user list, including their roles and access.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F151c1ac8-19a1-46d8-85e7-7a25628cb762.png","Users - Settings - Axiom from Axiom","2026-08-18T09:00:19.000Z",[367,369,371],{"id":50,"label":51,"slug":52,"rank":53,"group":368},{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":59,"rank":60,"group":370},{"id":55,"label":56,"slug":57},{"id":372,"label":373,"slug":374,"rank":66,"group":375},102,"Settings","settings",{"id":55,"label":56,"slug":57},[377,378,379,380],{"id":269,"title":270,"slug":271},{"id":122,"title":123,"slug":124},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":382,"title":383,"logo":384,"baseline":385,"categories":386},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[387,388,392,393],{"id":355,"title":356,"slug":357},{"id":389,"title":390,"slug":391},57,"Big data","big-data",{"id":283,"title":284,"slug":285},{"id":94,"title":95,"slug":96},{"uuid":395,"title":396,"description":397,"canonical_path":398,"image":399,"width":43,"height":44,"image_alt":400,"published_at":401,"kind":47,"patterns":402,"component_categories":407,"app":413},"4f6e43d2-0435-4c50-9e3e-1827be23d3b8","extend","Settings page where the user manages workspace members, including viewing joined dates, changing roles like Admin or Reviewer, and tracking pending invites.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4f6e43d2-0435-4c50-9e3e-1827be23d3b8.png","extend from Extend","2026-08-17T12:39:21.000Z",[403,405],{"id":50,"label":51,"slug":52,"rank":53,"group":404},{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":59,"rank":60,"group":406},{"id":55,"label":56,"slug":57},[408,409,410,411,412],{"id":172,"title":173,"slug":174},{"id":176,"title":177,"slug":178},{"id":122,"title":123,"slug":124},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":396,"title":414,"logo":415,"baseline":416,"categories":417},"Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[418,422,423,424],{"id":419,"title":420,"slug":421},77,"Machine learning","machine-learning",{"id":142,"title":143,"slug":144},{"id":98,"title":99,"slug":100},{"id":94,"title":95,"slug":96},{"uuid":426,"title":427,"description":428,"canonical_path":429,"image":430,"width":43,"height":44,"image_alt":431,"published_at":432,"kind":47,"patterns":433,"component_categories":440,"app":446},"0621a5e6-0113-4377-a236-b9c60d06fec0","Lithic - Organization Settings","Settings page where the user manages organization details, support contacts, and team members.","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0621a5e6-0113-4377-a236-b9c60d06fec0.png","Lithic - Organization Settings from Lithic","2026-07-20T18:29:48.000Z",[434,436,438],{"id":50,"label":51,"slug":52,"rank":53,"group":435},{"id":55,"label":56,"slug":57},{"id":12,"label":13,"slug":59,"rank":60,"group":437},{"id":55,"label":56,"slug":57},{"id":372,"label":373,"slug":374,"rank":66,"group":439},{"id":55,"label":56,"slug":57},[441,445],{"id":442,"title":443,"slug":444},211,"Pagination","pagination",{"id":76,"title":77,"slug":78},{"slug":447,"title":448,"logo":449,"baseline":450,"categories":451},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[452,453,454],{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"id":98,"title":99,"slug":100},{"uuid":456,"title":457,"description":458,"canonical_path":459,"image":460,"width":43,"height":44,"image_alt":461,"published_at":462,"kind":47,"patterns":463,"component_categories":470,"app":475},"02d2e71e-a70c-4414-b351-042e62d60207","Team on nicelydone.com - Visitors","Settings page where the user invites new members by email and manages existing team members by removing them via a dropdown menu.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02d2e71e-a70c-4414-b351-042e62d60207.png","Team on nicelydone.com - Visitors from Visitors","2026-07-20T12:18:36.000Z",[464,466,468],{"id":50,"label":51,"slug":52,"rank":53,"group":465},{"id":55,"label":56,"slug":57},{"id":63,"label":64,"slug":65,"rank":60,"group":467},{"id":66,"label":68,"slug":69},{"id":12,"label":13,"slug":59,"rank":66,"group":469},{"id":55,"label":56,"slug":57},[471,472,473,474],{"id":269,"title":270,"slug":271},{"id":176,"title":177,"slug":178},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":476,"title":477,"logo":478,"baseline":479,"categories":480},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[481],{"id":355,"title":356,"slug":357},[],[484,486,489,491,493,496,499,502,505,508,511,514,517,520,523,526],{"label":51,"to":485,"count":163},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":64,"to":487,"count":488},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",7,{"label":373,"to":490,"count":66},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":160,"to":492,"count":60},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":494,"to":495},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":497,"to":498},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":500,"to":501},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":503,"to":504},"Alloy design examples","\u002Fexamples\u002Fapps\u002Falloy",{"label":506,"to":507},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":509,"to":510},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":512,"to":513},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":515,"to":516},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":518,"to":519},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":521,"to":522},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":524,"to":525},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":527,"to":528},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"published_at":530,"updated_at":531},"2026-05-13T12:40:03.000Z","2026-09-26T20:10:01.264Z"]