[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpermissions":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":549,"links":550,"dates":611},"\u002Fexamples\u002Ftags\u002Fpermissions","collection","screens",true,{"example_count":9,"app_count":10},1168,193,{"id":12,"title":13,"description":14},1393,"Permissions","",{"title":16,"description":17,"og_image":18},"Permissions screen examples - Nicelydone","Permissions screen design examples from SaaS apps. Browse examples from Dock, Town, Cushion.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30d69258-7314-4ab3-970f-75130f78cfcb.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Permissions screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1168 screens",[34,90,146,201,250,304,332,372,413,453,484,513],{"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":63,"app":76},"30d69258-7314-4ab3-970f-75130f78cfcb","HubSpot OAuth","Integration consent screen where the user reviews requested permissions like reading one-to-one emails and managing account settings before connecting a third-party app.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"HubSpot OAuth from Dock","2026-07-13T15:30:47.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},97,"Integrations","integrations",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},114,"Confirmation","confirmation",1,{"id":60,"label":61,"slug":62},12,"States & Feedback","states-and-feedback",[64,68,72],{"id":65,"title":66,"slug":67},168,"Accordion","accordion",{"id":69,"title":70,"slug":71},174,"Card","card",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":77,"title":78,"logo":79,"baseline":80,"categories":81},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[82,86],{"id":83,"title":84,"slug":85},23,"Collaboration","collaboration",{"id":87,"title":88,"slug":89},29,"Task Management","task-management",{"uuid":91,"title":92,"description":93,"canonical_path":94,"image":95,"width":39,"height":40,"image_alt":96,"published_at":97,"kind":43,"patterns":98,"component_categories":112,"app":124},"90d40620-a818-4552-8f4b-8d24a7055492","Settings · Assistant","Settings page where the user configures the execution mode and allowed tools like Email, Calendar, and Google Drive for an AI routine.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90d40620-a818-4552-8f4b-8d24a7055492.png","Settings · Assistant from Town","2026-06-16T15:01:01.000Z",[99,107],{"id":100,"label":101,"slug":102,"rank":49,"group":103},33,"AI Settings","ai-settings",{"id":104,"label":105,"slug":106},3,"AI","ai",{"id":108,"label":109,"slug":110,"rank":58,"group":111},102,"Settings","settings",{"id":51,"label":52,"slug":53},[113,114,118,119,123],{"id":65,"title":66,"slug":67},{"id":115,"title":116,"slug":117},167,"Alert","alert",{"id":69,"title":70,"slug":71},{"id":120,"title":121,"slug":122},169,"Avatar","avatar",{"id":73,"title":74,"slug":75},{"slug":125,"title":126,"logo":127,"baseline":128,"categories":129},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[130,134,138,142],{"id":131,"title":132,"slug":133},80,"Artificial Intelligence","artificial-intelligence",{"id":135,"title":136,"slug":137},30,"Productivity","productivity",{"id":139,"title":140,"slug":141},92,"Email","email",{"id":143,"title":144,"slug":145},101,"Calendar","calendar",{"uuid":147,"title":148,"description":149,"canonical_path":150,"image":151,"width":39,"height":152,"image_alt":153,"published_at":154,"kind":43,"patterns":155,"component_categories":175,"app":183},"4604efea-a565-4519-b8fb-93cb27c5cac2","Cushion","Settings modal where the user configures their weekly notification schedule and toggles email notification preferences.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4604efea-a565-4519-b8fb-93cb27c5cac2.png",1776,"Cushion from Cushion","2026-04-14T11:44:00.000Z",[156,161,166],{"id":157,"label":158,"slug":159,"rank":49,"group":160},99,"Notification Settings","notification-settings",{"id":51,"label":52,"slug":53},{"id":162,"label":163,"slug":164,"rank":58,"group":165},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},{"id":167,"label":168,"slug":169,"rank":170,"group":171},71,"Workspace Switcher","workspace-switcher",2,{"id":172,"label":173,"slug":174},6,"Navigation & Commands","navigation-and-commands",[176,180,181,182],{"id":177,"title":178,"slug":179},284,"Modal","modal",{"id":69,"title":70,"slug":71},{"id":120,"title":121,"slug":122},{"id":73,"title":74,"slug":75},{"slug":184,"title":148,"logo":185,"baseline":186,"categories":187},"cushion-so","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[188,189,193,197],{"id":83,"title":84,"slug":85},{"id":190,"title":191,"slug":192},42,"Messaging","messaging",{"id":194,"title":195,"slug":196},82,"Communication","communication",{"id":198,"title":199,"slug":200},89,"Remote","remote",{"uuid":202,"title":203,"description":204,"canonical_path":205,"image":206,"width":39,"height":152,"image_alt":207,"published_at":208,"kind":43,"patterns":209,"component_categories":229,"app":233},"b988f589-e724-4642-9d72-bed83b8b736d","Chatwoot","Settings page where the user is blocked from creating custom roles by an upgrade modal prompting them to switch to a Business or Enterprise plan.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb988f589-e724-4642-9d72-bed83b8b736d.png","Chatwoot from Chatwoot","2026-04-06T18:15:20.000Z",[210,218,223,227],{"id":211,"label":212,"slug":213,"rank":49,"group":214},88,"Feature Gate","feature-gate",{"id":215,"label":216,"slug":217},9,"Plans & Limits","plans-and-limits",{"id":219,"label":220,"slug":221,"rank":58,"group":222},100,"Roles & Permissions","roles-and-permissions",{"id":51,"label":52,"slug":53},{"id":139,"label":224,"slug":225,"rank":170,"group":226},"Upgrade Prompt","upgrade-prompt",{"id":215,"label":216,"slug":217},{"id":55,"label":56,"slug":57,"rank":104,"group":228},{"id":60,"label":61,"slug":62},[230,231,232],{"id":65,"title":66,"slug":67},{"id":177,"title":178,"slug":179},{"id":73,"title":74,"slug":75},{"slug":234,"title":203,"logo":235,"baseline":236,"categories":237},"chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[238,242,246],{"id":239,"title":240,"slug":241},22,"Knowledge Management","knowledge-management",{"id":243,"title":244,"slug":245},45,"Open Source","open-source",{"id":247,"title":248,"slug":249},47,"Customer Service","customer-service",{"uuid":251,"title":252,"description":253,"canonical_path":254,"image":255,"width":39,"height":256,"image_alt":257,"published_at":258,"kind":43,"patterns":259,"component_categories":274,"app":286},"9cf71a7a-a0d6-4c66-bbe0-340c694509c6","Channel – Dovetail","Modal overlay where the user invites teammates by email, manages workspace access, or copies a link to share a data channel.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9cf71a7a-a0d6-4c66-bbe0-340c694509c6.png",1780,"Channel – Dovetail from Dovetail","2026-03-02T20:51:47.000Z",[260,267,272],{"id":261,"label":262,"slug":263,"rank":49,"group":264},133,"Invite Teammates","invite-teammates",{"id":170,"label":265,"slug":266},"Actions","actions",{"id":268,"label":269,"slug":270,"rank":58,"group":271},104,"Team Management","team-management",{"id":51,"label":52,"slug":53},{"id":219,"label":220,"slug":221,"rank":170,"group":273},{"id":51,"label":52,"slug":53},[275,279,283,284,285],{"id":276,"title":277,"slug":278},233,"Tabs","tabs",{"id":280,"title":281,"slug":282},240,"Horizontal navigation","horizontal-navigation",{"id":177,"title":178,"slug":179},{"id":120,"title":121,"slug":122},{"id":73,"title":74,"slug":75},{"slug":287,"title":288,"logo":289,"baseline":290,"categories":291},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[292,296,297,301],{"id":293,"title":294,"slug":295},8,"Design","design",{"id":239,"title":240,"slug":241},{"id":298,"title":299,"slug":300},35,"Feedback","feedback",{"id":268,"title":302,"slug":303},"User Research","user-research",{"uuid":305,"title":306,"description":307,"canonical_path":308,"image":309,"width":39,"height":256,"image_alt":310,"published_at":311,"kind":43,"patterns":312,"component_categories":319,"app":322},"a1e3fe79-f6c8-4677-817a-fa328ac32b9f","Attio","Settings page where the user confirms granting admin workspace access to an external expert via an alert dialog.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa1e3fe79-f6c8-4677-817a-fa328ac32b9f.png","Attio from Attio","2025-11-17T19:51:50.000Z",[313,315,317],{"id":55,"label":56,"slug":57,"rank":49,"group":314},{"id":60,"label":61,"slug":62},{"id":268,"label":269,"slug":270,"rank":58,"group":316},{"id":51,"label":52,"slug":53},{"id":219,"label":220,"slug":221,"rank":170,"group":318},{"id":51,"label":52,"slug":53},[320,321],{"id":115,"title":116,"slug":117},{"id":73,"title":74,"slug":75},{"slug":323,"title":306,"logo":324,"baseline":325,"categories":326},"attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[327,331],{"id":328,"title":329,"slug":330},53,"CRM","crm",{"id":131,"title":132,"slug":133},{"uuid":333,"title":334,"description":335,"canonical_path":336,"image":337,"width":39,"height":256,"image_alt":338,"published_at":339,"kind":43,"patterns":340,"component_categories":347,"app":358},"f3733825-0769-42e2-986d-63e83734abfc","Company - MyKinsta","Settings page where the user invites new teammates by entering their email address and selecting an access level like Company administrator or Company developer.","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3733825-0769-42e2-986d-63e83734abfc.png","Company - MyKinsta from Kinsta","2025-11-03T21:16:47.000Z",[341,343,345],{"id":261,"label":262,"slug":263,"rank":49,"group":342},{"id":170,"label":265,"slug":266},{"id":268,"label":269,"slug":270,"rank":58,"group":344},{"id":51,"label":52,"slug":53},{"id":219,"label":220,"slug":221,"rank":170,"group":346},{"id":51,"label":52,"slug":53},[348,349,350,351,352,356,357],{"id":276,"title":277,"slug":278},{"id":280,"title":281,"slug":282},{"id":177,"title":178,"slug":179},{"id":69,"title":70,"slug":71},{"id":353,"title":354,"slug":355},177,"Breadcrumb","breadcrumb",{"id":120,"title":121,"slug":122},{"id":73,"title":74,"slug":75},{"slug":359,"title":360,"logo":361,"baseline":362,"categories":363},"kinsta","Kinsta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","Simply better hosting for WordPress",[364,368],{"id":365,"title":366,"slug":367},7,"Web Development","web-development",{"id":369,"title":370,"slug":371},48,"Developer Tools","developer-tools",{"uuid":373,"title":374,"description":375,"canonical_path":376,"image":377,"width":39,"height":378,"image_alt":379,"published_at":380,"kind":43,"patterns":381,"component_categories":390,"app":398},"3221df30-d2db-4d35-a91c-3ef46084ede7","Team members - Loops","Help center article explaining how to add and manage team members, including details on the owner role and permissions.","\u002Fexamples\u002Fapps\u002Floops\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3221df30-d2db-4d35-a91c-3ef46084ede7.png",2668,"Team members - Loops from Loops","2025-10-27T15:44:02.000Z",[382],{"id":383,"label":384,"slug":385,"rank":49,"group":386},179,"Help Center","help-center",{"id":387,"label":388,"slug":389},15,"Marketing Page Types","marketing-page-types",[391,395,396,397],{"id":392,"title":393,"slug":394},211,"Pagination","pagination",{"id":115,"title":116,"slug":117},{"id":353,"title":354,"slug":355},{"id":73,"title":74,"slug":75},{"slug":399,"title":400,"logo":401,"baseline":402,"categories":403},"loops","Loops","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Floops-4f4bed58.png","The email platform for modern SaaS",[404,405,409],{"id":139,"title":140,"slug":141},{"id":406,"title":407,"slug":408},27,"Email Newsletters","email-newsletters",{"id":410,"title":411,"slug":412},25,"Marketing","marketing",{"uuid":414,"title":415,"description":416,"canonical_path":417,"image":418,"width":39,"height":256,"image_alt":419,"published_at":420,"kind":43,"patterns":421,"component_categories":437,"app":442},"11d307a2-22e7-4118-af41-6b607cf27f87","Account | Grammarly","Settings page where an admin manages the members, permissions, and roles for the Design group.","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11d307a2-22e7-4118-af41-6b607cf27f87.png","Account | Grammarly from Grammarly","2025-10-27T15:38:24.000Z",[422,424,426,433],{"id":268,"label":269,"slug":270,"rank":49,"group":423},{"id":51,"label":52,"slug":53},{"id":219,"label":220,"slug":221,"rank":58,"group":425},{"id":51,"label":52,"slug":53},{"id":247,"label":427,"slug":428,"rank":170,"group":429},"Table","table",{"id":430,"label":431,"slug":432},4,"Data & Analysis","data-and-analysis",{"id":239,"label":434,"slug":435,"rank":104,"group":436},"Search","search",{"id":170,"label":265,"slug":266},[438,439,440,441],{"id":280,"title":281,"slug":282},{"id":353,"title":354,"slug":355},{"id":120,"title":121,"slug":122},{"id":73,"title":74,"slug":75},{"slug":443,"title":444,"logo":445,"baseline":446,"categories":447},"grammarly","Grammarly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrammarly-bbef73ad.png","Free online writing assistant",[448,452],{"id":449,"title":450,"slug":451},59,"Writing tools","writing-tools",{"id":131,"title":132,"slug":133},{"uuid":454,"title":455,"description":456,"canonical_path":457,"image":458,"width":39,"height":256,"image_alt":459,"published_at":460,"kind":43,"patterns":461,"component_categories":471,"app":477},"a4b0d4ad-d6aa-4dd7-9425-1b532b920c8a","Permissions | Nicelydone club CRM","Settings page where the user configures global permissions, specifically toggling whether only admins can create tags.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa4b0d4ad-d6aa-4dd7-9425-1b532b920c8a.png","Permissions | Nicelydone club CRM from Capsule","2025-10-06T13:33:45.000Z",[462,464,466,468],{"id":219,"label":220,"slug":221,"rank":49,"group":463},{"id":51,"label":52,"slug":53},{"id":268,"label":269,"slug":270,"rank":58,"group":465},{"id":51,"label":52,"slug":53},{"id":162,"label":163,"slug":164,"rank":170,"group":467},{"id":51,"label":52,"slug":53},{"id":469,"label":277,"slug":278,"rank":104,"group":470},69,{"id":172,"label":173,"slug":174},[472,473,474,475,476],{"id":276,"title":277,"slug":278},{"id":280,"title":281,"slug":282},{"id":353,"title":354,"slug":355},{"id":120,"title":121,"slug":122},{"id":73,"title":74,"slug":75},{"slug":478,"title":479,"logo":480,"baseline":481,"categories":482},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[483],{"id":328,"title":329,"slug":330},{"uuid":485,"title":486,"description":487,"canonical_path":488,"image":489,"width":39,"height":256,"image_alt":490,"published_at":491,"kind":43,"patterns":492,"component_categories":503,"app":505},"690c0fad-181c-4406-9aa9-1bb2d16cce50","Slite","Settings page where the user configures workspace permissions for specific actions like inviting members or managing channels, and can generate a workspace access link.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F690c0fad-181c-4406-9aa9-1bb2d16cce50.png","Slite from Slite","2025-09-22T15:17:02.000Z",[493,497,499,501],{"id":143,"label":494,"slug":495,"rank":49,"group":496},"Security Settings","security-settings",{"id":51,"label":52,"slug":53},{"id":219,"label":220,"slug":221,"rank":58,"group":498},{"id":51,"label":52,"slug":53},{"id":268,"label":269,"slug":270,"rank":170,"group":500},{"id":51,"label":52,"slug":53},{"id":167,"label":168,"slug":169,"rank":104,"group":502},{"id":172,"label":173,"slug":174},[504],{"id":73,"title":74,"slug":75},{"slug":506,"title":486,"logo":507,"baseline":508,"categories":509},"slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[510,511,512],{"id":239,"title":240,"slug":241},{"id":83,"title":84,"slug":85},{"id":131,"title":132,"slug":133},{"uuid":514,"title":515,"description":516,"canonical_path":517,"image":518,"width":39,"height":256,"image_alt":519,"published_at":520,"kind":43,"patterns":521,"component_categories":536,"app":542},"9164eb79-201d-44d8-9da5-08d3ee1fba80","Wynde","Onboarding step where a test participant is prompted to allow audio and camera recording before starting a task.","\u002Fexamples\u002Fapps\u002Fwynde\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9164eb79-201d-44d8-9da5-08d3ee1fba80.png","Wynde from Wynde","2025-09-22T14:01:52.000Z",[522,529,531],{"id":523,"label":524,"slug":525,"rank":49,"group":526},74,"Onboarding Checklist","onboarding-checklist",{"id":365,"label":527,"slug":528},"Onboarding & Education","onboarding-and-education",{"id":55,"label":56,"slug":57,"rank":58,"group":530},{"id":60,"label":61,"slug":62},{"id":532,"label":533,"slug":534,"rank":170,"group":535},121,"Request Access","request-access",{"id":60,"label":61,"slug":62},[537,541],{"id":538,"title":539,"slug":540},227,"Stepper","stepper",{"id":73,"title":74,"slug":75},{"slug":543,"title":515,"logo":544,"baseline":545,"categories":546},"wynde","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwynde-juzny2qf.png","Take the guesswork out",[547,548],{"id":293,"title":294,"slug":295},{"id":268,"title":302,"slug":303},[],[551,553,555,557,559,561,563,565,567,569,571,573,575,578,581,584,587,590,593,596,599,602,605,608],{"label":220,"to":552,"count":365},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":269,"to":554,"count":172},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":56,"to":556,"count":430},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":163,"to":558,"count":170},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":262,"to":560,"count":170},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":168,"to":562,"count":170},"\u002Fexamples\u002Fscreens\u002Fworkspace-switcher",{"label":101,"to":564,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":212,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":47,"to":568,"count":58},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":158,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":524,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":533,"to":574,"count":58},"\u002Fexamples\u002Fscreens\u002Frequest-access",{"label":576,"to":577},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":579,"to":580},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":582,"to":583},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":585,"to":586},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"label":588,"to":589},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":591,"to":592},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":594,"to":595},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":597,"to":598},"Loops design examples","\u002Fexamples\u002Fapps\u002Floops",{"label":600,"to":601},"Grammarly design examples","\u002Fexamples\u002Fapps\u002Fgrammarly",{"label":603,"to":604},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":606,"to":607},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":609,"to":610},"Wynde design examples","\u002Fexamples\u002Fapps\u002Fwynde",{"published_at":612,"updated_at":613},"2024-12-11T10:14:14.000Z","2026-09-05T20:20:04.653Z"]