[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fuser-access-control":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":33,"showcases":525,"links":526,"dates":587},"\u002Fexamples\u002Ftags\u002Fuser-access-control","collection","screens",true,{"example_count":9,"app_count":10},529,162,{"id":12,"title":13,"description":14},8688,"User access control","",{"title":16,"description":17,"og_image":18},"User access control screen examples - Nicelydone","User access control screen design examples from SaaS apps. Browse examples from Browserbase, Kinescope, Mixpanel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb0a5b7a2-b71e-4470-a4a6-02dc18e0c8b4.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"User access control screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"529 screens",[34,99,139,173,201,230,275,326,362,404,447,484],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":68,"app":81},"b0a5b7a2-b71e-4470-a4a6-02dc18e0c8b4","Browserbase - Headless Web Browser API","Settings page where the user manages active and invited team members, their roles, and project access.","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fscreens",3024,1758,"Browserbase - Headless Web Browser API from Browserbase","2026-06-16T18:57:03.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},104,"Team Management","team-management",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},100,"Roles & Permissions","roles-and-permissions",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},133,"Invite Teammates","invite-teammates",2,{"id":64,"label":66,"slug":67},"Actions","actions",[69,73,77],{"id":70,"title":71,"slug":72},260,"Badge","badge",{"id":74,"title":75,"slug":76},169,"Avatar","avatar",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":82,"title":83,"logo":84,"baseline":85,"categories":86},"browserbase","Browserbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3a57506b-6fe4-4f0c-85bc-b70ea12d0216.png","Give your agents access to the whole web.",[87,91,95],{"id":88,"title":89,"slug":90},48,"Developer Tools","developer-tools",{"id":92,"title":93,"slug":94},80,"Artificial Intelligence","artificial-intelligence",{"id":96,"title":97,"slug":98},37,"Developer APIs","developer-apis",{"uuid":100,"title":101,"description":102,"canonical_path":103,"image":104,"width":39,"height":105,"image_alt":106,"published_at":107,"kind":43,"patterns":108,"component_categories":115,"app":126},"6712d073-8c2f-46af-9955-2995d5fefde0","Kinescope","Settings page where the user manages workspace team members, views pending signups, and can invite new members.","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6712d073-8c2f-46af-9955-2995d5fefde0.png",1780,"Kinescope from Kinescope","2026-03-02T10:47:09.000Z",[109,111,113],{"id":46,"label":47,"slug":48,"rank":49,"group":110},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":112},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":114},{"id":64,"label":66,"slug":67},[116,120,121,125],{"id":117,"title":118,"slug":119},167,"Alert","alert",{"id":74,"title":75,"slug":76},{"id":122,"title":123,"slug":124},233,"Tabs","tabs",{"id":78,"title":79,"slug":80},{"slug":127,"title":101,"logo":128,"baseline":129,"categories":130},"kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","Videoinfrastructure made for every story",[131,132,136],{"id":96,"title":97,"slug":98},{"id":133,"title":134,"slug":135},70,"Video streaming","video-streaming",{"id":55,"title":137,"slug":138},"Video","video",{"uuid":140,"title":141,"description":142,"canonical_path":143,"image":144,"width":39,"height":105,"image_alt":145,"published_at":146,"kind":43,"patterns":147,"component_categories":155,"app":163},"b786a033-1360-4758-9e9b-8998c0334312","Mixpanel - Product Analytics","Settings page where an admin manages a specific team's details, project access, data views, users, and service accounts.","\u002Fexamples\u002Fapps\u002Fmixpanel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb786a033-1360-4758-9e9b-8998c0334312.png","Mixpanel - Product Analytics from Mixpanel","2026-02-02T12:53:35.000Z",[148,150],{"id":46,"label":47,"slug":48,"rank":49,"group":149},{"id":51,"label":52,"slug":53},{"id":151,"label":152,"slug":153,"rank":58,"group":154},102,"Settings","settings",{"id":51,"label":52,"slug":53},[156,160,161,162],{"id":157,"title":158,"slug":159},174,"Card","card",{"id":74,"title":75,"slug":76},{"id":122,"title":123,"slug":124},{"id":78,"title":79,"slug":80},{"slug":164,"title":165,"logo":166,"baseline":167,"categories":168},"mixpanel","Mixpanel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6591e7aa-86c8-4da2-8c52-c70f46a86bbb.png","Product analytics for mobile, web, & more",[169],{"id":170,"title":171,"slug":172},46,"Analytics","analytics",{"uuid":174,"title":175,"description":176,"canonical_path":177,"image":178,"width":39,"height":105,"image_alt":179,"published_at":180,"kind":43,"patterns":181,"component_categories":188,"app":193},"98a253f4-dd64-4f4d-bbe9-d97ded1c14b5","Members | Ona","Settings page where the user manages organization members, groups, and service accounts via a segmented tab interface.","\u002Fexamples\u002Fapps\u002Fona\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F98a253f4-dd64-4f4d-bbe9-d97ded1c14b5.png","Members | Ona from Ona","2026-01-26T11:04:38.000Z",[182,184,186],{"id":46,"label":47,"slug":48,"rank":49,"group":183},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":185},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":187},{"id":64,"label":66,"slug":67},[189,190,191,192],{"id":74,"title":75,"slug":76},{"id":70,"title":71,"slug":72},{"id":122,"title":123,"slug":124},{"id":78,"title":79,"slug":80},{"slug":194,"title":195,"logo":196,"baseline":197,"categories":198},"ona","Ona","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","The AI software engineer you can rely on",[199,200],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"uuid":202,"title":203,"description":204,"canonical_path":205,"image":206,"width":39,"height":105,"image_alt":207,"published_at":208,"kind":43,"patterns":209,"component_categories":214,"app":221},"f2076930-e37e-4356-a3ed-cf45f9a358e5","Okta","Settings page where an administrator manages role assignments for users, with active filters for user type and specific roles.","\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2076930-e37e-4356-a3ed-cf45f9a358e5.png","Okta from Okta","2026-01-12T12:46:04.000Z",[210,212],{"id":55,"label":56,"slug":57,"rank":49,"group":211},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":213},{"id":51,"label":52,"slug":53},[215,219,220],{"id":216,"title":217,"slug":218},240,"Horizontal navigation","horizontal-navigation",{"id":157,"title":158,"slug":159},{"id":122,"title":123,"slug":124},{"slug":222,"title":203,"logo":223,"baseline":224,"categories":225},"okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[226],{"id":227,"title":228,"slug":229},78,"Security","security",{"uuid":231,"title":232,"description":233,"canonical_path":234,"image":235,"width":39,"height":105,"image_alt":236,"published_at":237,"kind":43,"patterns":238,"component_categories":254,"app":264},"7bd97684-6797-41e3-b7ad-1e1d2f69e1f1","Company - MyKinsta","Settings page where the user manages company members, viewing roles, access levels, and pending invitations.","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bd97684-6797-41e3-b7ad-1e1d2f69e1f1.png","Company - MyKinsta from Kinsta","2025-11-03T21:16:47.000Z",[239,241,243,245],{"id":46,"label":47,"slug":48,"rank":49,"group":240},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":242},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":244},{"id":64,"label":66,"slug":67},{"id":246,"label":247,"slug":248,"rank":249,"group":250},47,"Table","table",3,{"id":251,"label":252,"slug":253},4,"Data & Analysis","data-and-analysis",[255,259,260,261,262,263],{"id":256,"title":257,"slug":258},177,"Breadcrumb","breadcrumb",{"id":216,"title":217,"slug":218},{"id":157,"title":158,"slug":159},{"id":74,"title":75,"slug":76},{"id":70,"title":71,"slug":72},{"id":78,"title":79,"slug":80},{"slug":265,"title":266,"logo":267,"baseline":268,"categories":269},"kinsta","Kinsta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","Simply better hosting for WordPress",[270,274],{"id":271,"title":272,"slug":273},7,"Web Development","web-development",{"id":88,"title":89,"slug":90},{"uuid":276,"title":277,"description":278,"canonical_path":279,"image":280,"width":39,"height":105,"image_alt":281,"published_at":282,"kind":43,"patterns":283,"component_categories":296,"app":304},"fcb07aa6-bd70-4bf7-a3a2-38a40696a5dc","Account settings for Nicelydone — TravelPerk","Settings page where the user edits a cost center's name and manages which users can see and use it.","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffcb07aa6-bd70-4bf7-a3a2-38a40696a5dc.png","Account settings for Nicelydone — TravelPerk from Travelperk","2025-10-20T12:53:48.000Z",[284,289,294],{"id":285,"label":286,"slug":287,"rank":49,"group":288},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},{"id":290,"label":291,"slug":292,"rank":58,"group":293},11,"Edit","edit",{"id":64,"label":66,"slug":67},{"id":46,"label":47,"slug":48,"rank":64,"group":295},{"id":51,"label":52,"slug":53},[297,301,302,303],{"id":298,"title":299,"slug":300},168,"Accordion","accordion",{"id":216,"title":217,"slug":218},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":305,"title":306,"logo":307,"baseline":308,"categories":309},"travelperk","Travelperk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftravelperk-tuhcpuzp.png","Travel for work made simpler and smarter",[310,314,318,322],{"id":311,"title":312,"slug":313},5,"Travel","travel",{"id":315,"title":316,"slug":317},26,"Events","events",{"id":319,"title":320,"slug":321},36,"Finance","finance",{"id":323,"title":324,"slug":325},56,"Accounting","accounting",{"uuid":327,"title":328,"description":329,"canonical_path":330,"image":331,"width":39,"height":105,"image_alt":332,"published_at":333,"kind":43,"patterns":334,"component_categories":341,"app":351},"bc6e8adf-0120-4ccb-a2b0-3a9cde646818","Cake.","Settings page where the user invites a co-pilot by entering their email, position, and permissions via a modal.","\u002Fexamples\u002Fapps\u002Fcake\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc6e8adf-0120-4ccb-a2b0-3a9cde646818.png","Cake. from Cake","2025-10-20T12:38:07.000Z",[335,337,339],{"id":61,"label":62,"slug":63,"rank":49,"group":336},{"id":64,"label":66,"slug":67},{"id":46,"label":47,"slug":48,"rank":58,"group":338},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":64,"group":340},{"id":51,"label":52,"slug":53},[342,346,347,348,349,350],{"id":343,"title":344,"slug":345},284,"Modal","modal",{"id":216,"title":217,"slug":218},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":122,"title":123,"slug":124},{"id":78,"title":79,"slug":80},{"slug":352,"title":353,"logo":354,"baseline":355,"categories":356},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[357,358],{"id":319,"title":320,"slug":321},{"id":359,"title":360,"slug":361},63,"Startups","startups",{"uuid":363,"title":364,"description":365,"canonical_path":366,"image":367,"width":39,"height":105,"image_alt":368,"published_at":369,"kind":43,"patterns":370,"component_categories":381,"app":390},"fdd7140c-7072-45e4-8c00-647161116df6","Nicelydone · Glide","Settings page where the user manages app data export and configures custom domains via an open popover.","\u002Fexamples\u002Fapps\u002Fglide\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdd7140c-7072-45e4-8c00-647161116df6.png","Nicelydone · Glide from Glide","2025-09-15T14:48:54.000Z",[371,376],{"id":372,"label":373,"slug":374,"rank":49,"group":375},96,"Billing Settings","billing-settings",{"id":51,"label":52,"slug":53},{"id":377,"label":378,"slug":379,"rank":58,"group":380},15,"Import & Export","import-and-export",{"id":64,"label":66,"slug":67},[382,386,387,388,389],{"id":383,"title":384,"slug":385},214,"Popover","popover",{"id":216,"title":217,"slug":218},{"id":70,"title":71,"slug":72},{"id":122,"title":123,"slug":124},{"id":78,"title":79,"slug":80},{"slug":391,"title":392,"logo":393,"baseline":394,"categories":395},"glide","Glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[396,397,401],{"id":271,"title":272,"slug":273},{"id":398,"title":399,"slug":400},54,"Mobile","mobile",{"id":372,"title":402,"slug":403},"No code","no-code",{"uuid":405,"title":406,"description":407,"canonical_path":408,"image":409,"width":39,"height":105,"image_alt":410,"published_at":411,"kind":43,"patterns":412,"component_categories":427,"app":434},"e04d85d3-e430-4c01-bbd7-ec398349715b","Interface 01","Dashboard for a no-code interface project displaying available pages, connected tables, and project settings like editors and access controls.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe04d85d3-e430-4c01-bbd7-ec398349715b.png","Interface 01 from Zapier","2025-07-28T14:04:12.000Z",[413,418,420],{"id":414,"label":415,"slug":416,"rank":49,"group":417},41,"Dashboard","dashboard",{"id":251,"label":252,"slug":253},{"id":46,"label":47,"slug":48,"rank":58,"group":419},{"id":51,"label":52,"slug":53},{"id":133,"label":421,"slug":422,"rank":64,"group":423},"View Switcher","view-switcher",{"id":424,"label":425,"slug":426},6,"Navigation & Commands","navigation-and-commands",[428,429,430,431,432,433],{"id":216,"title":217,"slug":218},{"id":157,"title":158,"slug":159},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":122,"title":123,"slug":124},{"id":78,"title":79,"slug":80},{"slug":435,"title":436,"logo":437,"baseline":438,"categories":439},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[440,441,442,443],{"id":96,"title":97,"slug":98},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":444,"title":445,"slug":446},105,"Workflow Automation","workflow-automation",{"uuid":448,"title":449,"description":450,"canonical_path":451,"image":452,"width":39,"height":105,"image_alt":453,"published_at":454,"kind":43,"patterns":455,"component_categories":464,"app":469},"4484f6e9-29ed-41bc-af6f-f117ce13454c","Datasets - Nucleus","Settings page where the user manages team details and invites or removes team members.","\u002Fexamples\u002Fapps\u002Fscale\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4484f6e9-29ed-41bc-af6f-f117ce13454c.png","Datasets - Nucleus from Scale","2025-07-28T13:24:59.000Z",[456,458,460,462],{"id":46,"label":47,"slug":48,"rank":49,"group":457},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":459},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":461},{"id":64,"label":66,"slug":67},{"id":246,"label":247,"slug":248,"rank":249,"group":463},{"id":251,"label":252,"slug":253},[465,466,467,468],{"id":157,"title":158,"slug":159},{"id":70,"title":71,"slug":72},{"id":122,"title":123,"slug":124},{"id":78,"title":79,"slug":80},{"slug":470,"title":471,"logo":472,"baseline":473,"categories":474},"scale","Scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscale-2d049dde.png","The data platform for AI",[475,476,480],{"id":92,"title":93,"slug":94},{"id":477,"title":478,"slug":479},57,"Big data","big-data",{"id":481,"title":482,"slug":483},77,"Machine learning","machine-learning",{"uuid":485,"title":486,"description":487,"canonical_path":488,"image":489,"width":39,"height":105,"image_alt":490,"published_at":491,"kind":43,"patterns":492,"component_categories":502,"app":507},"5d618d3e-369e-4e37-a333-6c056a559e51","Nicelydone Club settings","Settings page where the user configures workspace access controls including new user default permissions, approved email domains, join links, and single sign-on.","\u002Fexamples\u002Fapps\u002Flingo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d618d3e-369e-4e37-a333-6c056a559e51.png","Nicelydone Club settings from Lingo","2025-07-21T12:34:41.000Z",[493,498,500],{"id":494,"label":495,"slug":496,"rank":49,"group":497},101,"Security Settings","security-settings",{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":499},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":64,"group":501},{"id":51,"label":52,"slug":53},[503,504,505,506],{"id":157,"title":158,"slug":159},{"id":70,"title":71,"slug":72},{"id":122,"title":123,"slug":124},{"id":78,"title":79,"slug":80},{"slug":508,"title":509,"logo":510,"baseline":511,"categories":512},"lingo","Lingo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flingo-13d0858f.png","Build your team's visual language",[513,517,521],{"id":514,"title":515,"slug":516},8,"Design","design",{"id":518,"title":519,"slug":520},22,"Knowledge Management","knowledge-management",{"id":522,"title":523,"slug":524},71,"File sharing","file-sharing",[],[527,529,531,533,535,537,539,541,543,545,547,549,551,554,557,560,563,566,569,572,575,578,581,584],{"label":47,"to":528,"count":290},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":56,"to":530,"count":514},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":62,"to":532,"count":424},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":247,"to":534,"count":64},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":286,"to":536,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":373,"to":538,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":415,"to":540,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":291,"to":542,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":378,"to":544,"count":58},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":495,"to":546,"count":58},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":152,"to":548,"count":58},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":421,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Fview-switcher",{"label":552,"to":553},"Browserbase design examples","\u002Fexamples\u002Fapps\u002Fbrowserbase",{"label":555,"to":556},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":558,"to":559},"Mixpanel design examples","\u002Fexamples\u002Fapps\u002Fmixpanel",{"label":561,"to":562},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"label":564,"to":565},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":567,"to":568},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":570,"to":571},"Travelperk design examples","\u002Fexamples\u002Fapps\u002Ftravelperk",{"label":573,"to":574},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":576,"to":577},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"label":579,"to":580},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":582,"to":583},"Scale design examples","\u002Fexamples\u002Fapps\u002Fscale",{"label":585,"to":586},"Lingo design examples","\u002Fexamples\u002Fapps\u002Flingo",{"published_at":588,"updated_at":589},"2024-12-12T16:14:08.000Z","2026-09-05T20:20:01.514Z"]