[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fapi-security":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":529,"links":530,"dates":592},"\u002Fexamples\u002Ftags\u002Fapi-security","collection","screens",true,{"example_count":9,"app_count":10},54,14,{"id":12,"title":13,"description":14},34333,"API security","",{"title":16,"description":17,"og_image":18},"API security screen examples - Nicelydone","API security screen design examples from SaaS apps. Browse examples from Appwrite, Okta, Parallel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe7ce7167-f893-4d0e-9bbc-9217b8ed07d3.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"API security screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"54 screens",[34,109,149,204,245,280,326,369,411,443,467,500],{"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":66,"app":91},"e7ce7167-f893-4d0e-9bbc-9217b8ed07d3","Webhook - Appwrite","Settings page where the user configures HTTP authentication and certificate verification for a webhook, with an option to delete it.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens",3024,1758,"Webhook - Appwrite from Appwrite","2026-07-07T08:00:53.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},105,"Webhooks","webhooks",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},101,"Security Settings","security-settings",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},102,"Settings","settings",2,{"id":51,"label":52,"slug":53},[67,71,75,79,83,87],{"id":68,"title":69,"slug":70},177,"Breadcrumb","breadcrumb",{"id":72,"title":73,"slug":74},240,"Horizontal navigation","horizontal-navigation",{"id":76,"title":77,"slug":78},169,"Avatar","avatar",{"id":80,"title":81,"slug":82},174,"Card","card",{"id":84,"title":85,"slug":86},175,"Button","button",{"id":88,"title":89,"slug":90},260,"Badge","badge",{"slug":92,"title":93,"logo":94,"baseline":95,"categories":96},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[97,101,105],{"id":98,"title":99,"slug":100},48,"Developer Tools","developer-tools",{"id":102,"title":103,"slug":104},37,"Developer APIs","developer-apis",{"id":106,"title":107,"slug":108},45,"Open Source","open-source",{"uuid":110,"title":111,"description":112,"canonical_path":113,"image":114,"width":39,"height":115,"image_alt":116,"published_at":117,"kind":43,"patterns":118,"component_categories":127,"app":139},"1ac782ea-7988-465f-bfe7-19725cd6b41a","Machine-to-Machine (M2M) Communication - Auth0","Feature page explaining Auth0's machine-to-machine communication capabilities, highlighting API onboarding, granular permissions, and OAuth2 security standards.","\u002Fexamples\u002Fapps\u002Fokta\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ac782ea-7988-465f-bfe7-19725cd6b41a.png",13448,"Machine-to-Machine (M2M) Communication - Auth0 from Okta","2026-01-12T12:46:04.000Z",[119],{"id":120,"label":121,"slug":122,"rank":49,"group":123},138,"Feature Page","feature-page",{"id":124,"label":125,"slug":126},15,"Marketing Page Types","marketing-page-types",[128,132,136,137,138],{"id":129,"title":130,"slug":131},258,"Header","header",{"id":133,"title":134,"slug":135},202,"Footer","footer",{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":140,"title":141,"logo":142,"baseline":143,"categories":144},"okta","Okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[145],{"id":146,"title":147,"slug":148},78,"Security","security",{"uuid":150,"title":151,"description":152,"canonical_path":153,"image":154,"width":39,"height":155,"image_alt":156,"published_at":157,"kind":43,"patterns":158,"component_categories":174,"app":189},"ba5d0380-5084-453c-9aa2-7dc2674cd2a1","Parallel Platform","Settings page where the user is prompted to rotate their webhook signing secret via a confirmation modal, with an option to keep the current secret active for 24 hours.","\u002Fexamples\u002Fapps\u002Fparallel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fba5d0380-5084-453c-9aa2-7dc2674cd2a1.png",1780,"Parallel Platform from Parallel","2025-09-29T13:23:07.000Z",[159,161,169],{"id":46,"label":47,"slug":48,"rank":49,"group":160},{"id":51,"label":52,"slug":53},{"id":162,"label":163,"slug":164,"rank":58,"group":165},114,"Confirmation","confirmation",{"id":166,"label":167,"slug":168},12,"States & Feedback","states-and-feedback",{"id":170,"label":171,"slug":172,"rank":64,"group":173},95,"API Keys","api-keys",{"id":51,"label":52,"slug":53},[175,179,183,187,188],{"id":176,"title":177,"slug":178},284,"Modal","modal",{"id":180,"title":181,"slug":182},167,"Alert","alert",{"id":184,"title":185,"slug":186},233,"Tabs","tabs",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":190,"title":191,"logo":192,"baseline":193,"categories":194},"parallel","Parallel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fparallel-45w6usw3.png","The highest accuracy web search for your AI",[195,199,200],{"id":196,"title":197,"slug":198},80,"Artificial Intelligence","artificial-intelligence",{"id":102,"title":103,"slug":104},{"id":201,"title":202,"slug":203},55,"Search engine","search-engine",{"uuid":205,"title":206,"description":207,"canonical_path":208,"image":209,"width":39,"height":210,"image_alt":211,"published_at":212,"kind":43,"patterns":213,"component_categories":219,"app":232},"2eb1178b-cd85-4866-a08f-8a5ec45d7843","Secure API Credentials — Evervault","Marketing page for a credentials solution detailing how to securely encrypt, authenticate, and integrate with third-party APIs.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2eb1178b-cd85-4866-a08f-8a5ec45d7843.png",9890,"Secure API Credentials — Evervault from Evervault","2025-04-29T08:32:29.000Z",[214],{"id":215,"label":216,"slug":217,"rank":49,"group":218},137,"Product Page","product-page",{"id":124,"label":125,"slug":126},[220,224,225,229,230,231],{"id":221,"title":222,"slug":223},232,"Testimonial","testimonial",{"id":129,"title":130,"slug":131},{"id":226,"title":227,"slug":228},168,"Accordion","accordion",{"id":133,"title":134,"slug":135},{"id":80,"title":81,"slug":82},{"id":88,"title":89,"slug":90},{"slug":233,"title":234,"logo":235,"baseline":236,"categories":237},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[238,239,240,244],{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"id":241,"title":242,"slug":243},39,"Payments","payments",{"id":146,"title":147,"slug":148},{"uuid":246,"title":247,"description":248,"canonical_path":249,"image":250,"width":39,"height":251,"image_alt":252,"published_at":253,"kind":43,"patterns":254,"component_categories":265,"app":272},"c597d7cb-1a5f-400a-bbba-d445ac70a9ef","Dashboard | Clerk.com","Settings page where the user configures a Supabase JWT template, including token lifetime, custom signing keys, issuer, and claims via a JSON editor.","\u002Fexamples\u002Fapps\u002Fclerk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc597d7cb-1a5f-400a-bbba-d445ac70a9ef.png",3238,"Dashboard | Clerk.com from Clerk","2024-10-28T14:53:57.000Z",[255,257],{"id":61,"label":62,"slug":63,"rank":49,"group":256},{"id":51,"label":52,"slug":53},{"id":258,"label":259,"slug":260,"rank":58,"group":261},53,"Code Editor","code-editor",{"id":262,"label":263,"slug":264},5,"Media & Tools","media-and-tools",[266,267,268,269,270,271],{"id":68,"title":69,"slug":70},{"id":180,"title":181,"slug":182},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":184,"title":185,"slug":186},{"id":88,"title":89,"slug":90},{"slug":273,"title":274,"logo":275,"baseline":276,"categories":277},"clerk","Clerk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclerk-672b27f0.png","Authentication and User Management",[278,279],{"id":98,"title":99,"slug":100},{"id":146,"title":147,"slug":148},{"uuid":281,"title":282,"description":283,"canonical_path":284,"image":285,"width":39,"height":286,"image_alt":287,"published_at":288,"kind":43,"patterns":289,"component_categories":305,"app":318},"7712d081-3746-415e-a849-29c17a042336","Application Details","Settings page where the user configures application properties, URIs, token expiration, and cross-origin authentication for a specific app.","\u002Fexamples\u002Fapps\u002Fauth0\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7712d081-3746-415e-a849-29c17a042336.png",12188,"Application Details from Auth0","2024-10-08T12:58:13.000Z",[290,292,299],{"id":61,"label":62,"slug":63,"rank":49,"group":291},{"id":51,"label":52,"slug":53},{"id":293,"label":294,"slug":295,"rank":58,"group":296},9,"Delete","delete",{"id":64,"label":297,"slug":298},"Actions","actions",{"id":300,"label":185,"slug":186,"rank":64,"group":301},69,{"id":302,"label":303,"slug":304},6,"Navigation & Commands","navigation-and-commands",[306,310,311,312,313,314,315,316,317],{"id":307,"title":308,"slug":309},257,"Input number","input-number",{"id":68,"title":69,"slug":70},{"id":226,"title":227,"slug":228},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"auth0","Auth0","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fauth0-a0657b38.png","Secure access for everyone. But not just anyone.",[324,325],{"id":146,"title":147,"slug":148},{"id":102,"title":103,"slug":104},{"uuid":327,"title":328,"description":329,"canonical_path":330,"image":331,"width":39,"height":332,"image_alt":333,"published_at":334,"kind":43,"patterns":335,"component_categories":353,"app":358},"21062e76-06b9-48ee-8112-c92750ad43de","Account | Client Certificates","Settings page where the user encounters a feature gate for client certificates and is prompted to contact sales to upgrade to the Enterprise plan.","\u002Fexamples\u002Fapps\u002Fcheckly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21062e76-06b9-48ee-8112-c92750ad43de.png",1778,"Account | Client Certificates from Checkly","2024-10-01T07:54:50.000Z",[336,343,348],{"id":337,"label":338,"slug":339,"rank":49,"group":340},88,"Feature Gate","feature-gate",{"id":293,"label":341,"slug":342},"Plans & Limits","plans-and-limits",{"id":344,"label":345,"slug":346,"rank":58,"group":347},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},{"id":349,"label":350,"slug":351,"rank":64,"group":352},91,"Trial","trial",{"id":293,"label":341,"slug":342},[354,355,356,357],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":359,"title":360,"logo":361,"baseline":362,"categories":363},"checkly","Checkly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcheckly-rerku53l.png","Detect and resolve issues 10x faster",[364,368],{"id":365,"title":366,"slug":367},16,"Monitoring","monitoring",{"id":98,"title":99,"slug":100},{"uuid":370,"title":371,"description":372,"canonical_path":373,"image":374,"width":39,"height":375,"image_alt":376,"published_at":377,"kind":43,"patterns":378,"component_categories":394,"app":399},"cd2afe44-5726-4dee-be7f-770eb12ab1c1","Developers – nicelydone.club – Stripe [Test]","Settings page where the user manages standard and restricted API keys, with a drawer open to configure IP address restrictions.","\u002Fexamples\u002Fapps\u002Fstripe\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcd2afe44-5726-4dee-be7f-770eb12ab1c1.png",1722,"Developers – nicelydone.club – Stripe [Test] from Stripe","2024-06-11T07:27:39.000Z",[379,381,383,388],{"id":170,"label":171,"slug":172,"rank":49,"group":380},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":382},{"id":51,"label":52,"slug":53},{"id":384,"label":385,"slug":386,"rank":64,"group":387},11,"Edit","edit",{"id":64,"label":297,"slug":298},{"id":389,"label":390,"slug":391,"rank":392,"group":393},116,"Error","error",3,{"id":166,"label":167,"slug":168},[395,396,397,398],{"id":180,"title":181,"slug":182},{"id":72,"title":73,"slug":74},{"id":184,"title":185,"slug":186},{"id":84,"title":85,"slug":86},{"slug":400,"title":401,"logo":402,"baseline":403,"categories":404},"stripe","Stripe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstripe-ac594414.png","Payments infrastructure for the internet",[405,409,410],{"id":406,"title":407,"slug":408},36,"Finance","finance",{"id":102,"title":103,"slug":104},{"id":241,"title":242,"slug":243},{"uuid":412,"title":413,"description":414,"canonical_path":415,"image":416,"width":39,"height":417,"image_alt":418,"published_at":419,"kind":43,"patterns":420,"component_categories":425,"app":435},"0185fca8-1a02-42f5-b965-434709092662","Settings | Bytescale","Settings page where the user manages their basic account profile and views active API keys via a top navigation popover.","\u002Fexamples\u002Fapps\u002Fbytescale\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0185fca8-1a02-42f5-b965-434709092662.png",1674,"Settings | Bytescale from Bytescale","2024-01-29T15:48:57.000Z",[421,423],{"id":344,"label":345,"slug":346,"rank":49,"group":422},{"id":51,"label":52,"slug":53},{"id":170,"label":171,"slug":172,"rank":58,"group":424},{"id":51,"label":52,"slug":53},[426,430,431,432,433,434],{"id":427,"title":428,"slug":429},214,"Popover","popover",{"id":76,"title":77,"slug":78},{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":436,"title":437,"logo":438,"baseline":439,"categories":440},"bytescale","Bytescale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbytescale-70575edd.png","Simple file storage & file processing apis for developers",[441,442],{"id":102,"title":103,"slug":104},{"id":98,"title":99,"slug":100},{"uuid":444,"title":445,"description":446,"canonical_path":447,"image":448,"width":39,"height":449,"image_alt":450,"published_at":451,"kind":43,"patterns":452,"component_categories":455,"app":457},"06668ee0-724f-4db3-a259-17053393c2a2","GraphQL Rate Limiting","Feature page section explaining GraphQL rate limiting by comparing HTTP request counts versus specific operation limits using visual code stacks.","\u002Fexamples\u002Fapps\u002Fstellate\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06668ee0-724f-4db3-a259-17053393c2a2.png",1792,"GraphQL Rate Limiting from Stellate","2023-11-21T09:02:59.000Z",[453],{"id":120,"label":121,"slug":122,"rank":49,"group":454},{"id":124,"label":125,"slug":126},[456],{"id":88,"title":89,"slug":90},{"slug":458,"title":459,"logo":460,"baseline":461,"categories":462},"stellate","Stellate","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstellate-260030a8.png","Edge Caching & Metrics for your GraphQL API",[463,464,465,466],{"id":102,"title":103,"slug":104},{"id":365,"title":366,"slug":367},{"id":98,"title":99,"slug":100},{"id":146,"title":147,"slug":148},{"uuid":468,"title":469,"description":470,"canonical_path":471,"image":472,"width":39,"height":473,"image_alt":474,"published_at":475,"kind":43,"patterns":476,"component_categories":484,"app":487},"74255baa-599d-4f54-a5d3-ef7b8349d689","DevRev","Settings page where the user manages application access tokens and app credentials for their support widget.","\u002Fexamples\u002Fapps\u002Fdevrev\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74255baa-599d-4f54-a5d3-ef7b8349d689.png",2012,"DevRev from DevRev","2023-05-15T10:53:21.000Z",[477,479],{"id":170,"label":171,"slug":172,"rank":49,"group":478},{"id":51,"label":52,"slug":53},{"id":480,"label":481,"slug":482,"rank":58,"group":483},97,"Integrations","integrations",{"id":51,"label":52,"slug":53},[485,486],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":488,"title":469,"logo":489,"baseline":490,"categories":491},"devrev","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdevrev-1d51a192.png","Bridging the gap between developers (Dev) and end-users (Rev) across the globe",[492,496,499],{"id":493,"title":494,"slug":495},47,"Customer Service","customer-service",{"id":258,"title":497,"slug":498},"CRM","crm",{"id":196,"title":197,"slug":198},{"uuid":501,"title":502,"description":503,"canonical_path":504,"image":505,"width":39,"height":506,"image_alt":507,"published_at":508,"kind":43,"patterns":509,"component_categories":512,"app":520},"fabe5b1c-6340-4f3e-a8fb-63ea3866a59b","Open-source JavaScript Bot Detection Library","Feature page for a bot detection API detailing developer integration, cloud provider support, and common use cases like preventing fraud and scraping.","\u002Fexamples\u002Fapps\u002Ffingerprint\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffabe5b1c-6340-4f3e-a8fb-63ea3866a59b.png",12100,"Open-source JavaScript Bot Detection Library from Fingerprint","2023-05-07T16:57:32.000Z",[510],{"id":120,"label":121,"slug":122,"rank":49,"group":511},{"id":124,"label":125,"slug":126},[513,514,515,516,517,518,519],{"id":129,"title":130,"slug":131},{"id":226,"title":227,"slug":228},{"id":133,"title":134,"slug":135},{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":521,"title":522,"logo":523,"baseline":524,"categories":525},"fingerprint","Fingerprint","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffingerprint-c301845c.png","Device fingerprinting API",[526,527,528],{"id":146,"title":147,"slug":148},{"id":106,"title":107,"slug":108},{"id":102,"title":103,"slug":104},[],[531,534,536,538,540,542,544,546,548,550,552,554,556,559,562,565,568,571,574,577,580,583,586,589],{"label":171,"to":532,"count":533},"\u002Fexamples\u002Fscreens\u002Fapi-keys",4,{"label":62,"to":535,"count":392},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":345,"to":537,"count":64},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":56,"to":539,"count":64},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":47,"to":541,"count":64},"\u002Fexamples\u002Fscreens\u002Fwebhooks",{"label":259,"to":543,"count":58},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":163,"to":545,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":294,"to":547,"count":58},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":385,"to":549,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":390,"to":551,"count":58},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":338,"to":553,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":481,"to":555,"count":58},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":557,"to":558},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":560,"to":561},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":563,"to":564},"Parallel design examples","\u002Fexamples\u002Fapps\u002Fparallel",{"label":566,"to":567},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":569,"to":570},"Clerk design examples","\u002Fexamples\u002Fapps\u002Fclerk",{"label":572,"to":573},"Auth0 design examples","\u002Fexamples\u002Fapps\u002Fauth0",{"label":575,"to":576},"Checkly design examples","\u002Fexamples\u002Fapps\u002Fcheckly",{"label":578,"to":579},"Stripe design examples","\u002Fexamples\u002Fapps\u002Fstripe",{"label":581,"to":582},"Bytescale design examples","\u002Fexamples\u002Fapps\u002Fbytescale",{"label":584,"to":585},"Stellate design examples","\u002Fexamples\u002Fapps\u002Fstellate",{"label":587,"to":588},"DevRev design examples","\u002Fexamples\u002Fapps\u002Fdevrev",{"label":590,"to":591},"Fingerprint design examples","\u002Fexamples\u002Fapps\u002Ffingerprint",{"published_at":593,"updated_at":594},"2023-05-03T13:25:15.000Z","2026-09-05T20:20:18.577Z"]