[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fokta\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":195,"links":196,"dates":209},"\u002Fexamples\u002Fapps\u002Fokta\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Okta UI components examples - Nicelydone","Browse Okta UI component design examples. Preview individual interface elements and explore related component categories. Secure Identity for Employees,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa5631736-6709-4fa9-864b-e45ff170e52c.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},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":23,"to":4},"Okta UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Okta UI component design examples. Preview individual interface elements and explore related component categories. Secure Identity for Employees, Customers, and AI",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Okta","okta","Secure Identity for Employees, Customers, and AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","https:\u002F\u002Fwww.okta.com",[36],{"id":37,"title":38,"slug":39},78,"Security","security",[41,56,69,82,95,107,120,133,146,159,171,183],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"a121acb9-69f5-4dcd-acb4-1a3ca8073ac7","Okta UI component","A progress indicator displaying task completion status with a percentage and numerical breakdown.",456,401,"UI component from Okta","component",[50],{"id":51,"title":52,"slug":53},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":43,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":47,"kind":48,"categories":62,"app":67},"17197233-f3bf-49fc-b053-fbbf220f80a8","A user interface displaying a title 'Select an integration' and a two-step progress indicator with 'Select' as the active step and 'Authorize' as the inactive step.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc9c2307b-fd9e-4afe-a82e-4c00cbd09f72.png",1812,516,[63],{"id":64,"title":65,"slug":66},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":68},[],{"uuid":70,"title":43,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":47,"kind":48,"categories":75,"app":80},"f32ef720-23a8-4766-8570-0a32d4d972c1","A page with a title and tab navigation","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb34ae06c-8130-43c4-8cef-86efffea7164.png",802,346,[76],{"id":77,"title":78,"slug":79},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":81},[],{"uuid":83,"title":43,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":47,"kind":48,"categories":88,"app":93},"c8d9a03a-6f1f-4045-86e0-fbee61bc35de","An alert message indicating an unauthorized operation","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7179fd4f-03de-48c9-87f8-7f38ee4e9a36.png",1328,345,[89],{"id":90,"title":91,"slug":92},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":43,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":47,"kind":48,"categories":100,"app":105},"a6ad272f-0b70-4838-b7f4-399f321281a4","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb36ae4f-7197-4a59-925a-172e9a3a690e.png",890,1808,[101],{"id":102,"title":103,"slug":104},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":43,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":47,"kind":48,"categories":113,"app":118},"9dde2adf-add1-414d-829d-4b20631f052d","A section displaying frequently asked questions with expandable answers about Okta products and services.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7440395a-afb8-4603-a7ea-07e3f58dfcce.png",2877,1336,[114],{"id":115,"title":116,"slug":117},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":43,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":47,"kind":48,"categories":126,"app":131},"9228a895-df75-4064-b3ad-c51c7f516fc9","A selection component for identity security options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd3dbeb0b-587b-47bd-8e8e-4dee433377b3.png",759,268,[127],{"id":128,"title":129,"slug":130},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":43,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":47,"kind":48,"categories":139,"app":144},"0c4daf3d-aee8-4044-8b13-a40d778f7eb5","A testimonial card featuring a quote from a cybersecurity manager at FedEx, displayed over a background image of a FedEx delivery scene.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff7baca78-49e8-4c3c-8759-4259a90eec9e.png",2982,1512,[140],{"id":141,"title":142,"slug":143},232,"Testimonial","testimonial",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":43,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":47,"kind":48,"categories":152,"app":157},"efb137e8-dd10-4a63-bded-6e0146ab994c","Okta landing page securing AI.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F15b6f20a-51f9-4ebc-ab08-4402a4023071.png",3023,1756,[153],{"id":154,"title":155,"slug":156},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":43,"description":161,"canonical_path":4,"image":162,"width":150,"height":163,"image_alt":47,"kind":48,"categories":164,"app":169},"7fbb27b4-6abd-4617-a002-814d4b0228a0","A web page section showcasing client logos and a featured customer success story with a headline and call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff4bd840d-2c2a-4857-afdb-6852c3e681e5.png",1965,[165],{"id":166,"title":167,"slug":168},224,"Social proof","social-proof",{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":43,"description":173,"canonical_path":4,"image":174,"width":150,"height":175,"image_alt":47,"kind":48,"categories":176,"app":181},"bd798aa2-e369-4c48-a1d6-a90916ab9d94","A website footer displaying navigation links, contact information, and legal details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb2e88550-afc1-496d-9c39-16b1cf7de14d.png",1232,[177],{"id":178,"title":179,"slug":180},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":182},[],{"uuid":184,"title":43,"description":185,"canonical_path":4,"image":186,"width":150,"height":187,"image_alt":47,"kind":48,"categories":188,"app":193},"89404d49-e513-4474-a067-29284b31c0c6","Okta's website header","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F23376a29-3577-44ed-a630-cf0778b30241.png",250,[189],{"id":190,"title":191,"slug":192},258,"Header","header",{"slug":31,"title":30,"logo":33,"categories":194},[],[],[197,200,203,206],{"label":198,"to":199},"Okta product screens","\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens",{"label":201,"to":202},"Okta marketing pages","\u002Fexamples\u002Fapps\u002Fokta\u002Fmarketing",{"label":204,"to":205},"Okta user flows","\u002Fexamples\u002Fapps\u002Fokta\u002Fflows",{"label":207,"to":208},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"published_at":210,"updated_at":211},"2026-01-03T19:34:27.000Z","2026-09-13T13:02:39.000Z"]