[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fauth0\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":198,"links":199,"dates":233},"\u002Fexamples\u002Fapps\u002Fauth0\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Auth0 UI components examples - Nicelydone","Browse Auth0 UI component design examples. Preview individual interface elements and explore related component categories. Secure access for everyone. But…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffe98a38e-a411-42e4-820d-136f15816c5e.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},"Auth0 design examples","\u002Fexamples\u002Fapps\u002Fauth0",{"label":23,"to":4},"Auth0 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Auth0 UI component design examples. Preview individual interface elements and explore related component categories. Secure access for everyone. But not just anyone.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Auth0","auth0","Secure access for everyone. But not just anyone.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fauth0-a0657b38.png","https:\u002F\u002Fauth0.com",[36,40],{"id":37,"title":38,"slug":39},78,"Security","security",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",[45,60,75,88,101,111,124,137,150,163,176,188],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"b30209a4-e4f5-42f9-be2a-4fb033aff448","Auth0 UI component","A line chart showing daily active users.",2204,917,"UI component from Auth0","component",[54],{"id":55,"title":56,"slug":57},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"8c8867c4-2881-4148-98cc-91d47828e517","Usage Slider","A slider component used to select or display a numeric value, in this case, Monthly Active Users. It features a label with the current value, a track with segmented markers, a draggable thumb, and min\u002Fmax labels at the ends.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd0a11804-2cdb-487f-817b-25a45445287f.png",2152,463,"Usage Slider from Auth0",[69],{"id":70,"title":71,"slug":72},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":47,"description":77,"canonical_path":4,"image":78,"width":79,"height":80,"image_alt":51,"kind":52,"categories":81,"app":86},"c7b1c479-51cd-4a05-a1fb-f5dfcf2e4a46","A success alert modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd514034a-9aec-45cc-aa01-7f3970823009.png",1063,348,[82],{"id":83,"title":84,"slug":85},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":47,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":51,"kind":52,"categories":94,"app":99},"fc092d6d-4b50-40a9-9f93-212898100cae","A flow chart modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8383609a-dc19-4371-874f-e928e93a3c03.png",1034,836,[95],{"id":96,"title":97,"slug":98},217,"Query builder","query-builder",{"slug":31,"title":30,"logo":33,"categories":100},[],{"uuid":102,"title":47,"description":103,"canonical_path":4,"image":104,"width":105,"height":106,"image_alt":51,"kind":52,"categories":107,"app":109},"e93db7ba-2a2f-4699-b751-f70b843a0b07","A line chart showing bot detection over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd06dba1a-e3ff-471a-84ec-a05a63d469fc.png",1846,795,[108],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":47,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":51,"kind":52,"categories":117,"app":122},"e7737fa9-3610-4d99-a0a5-c59881a5b4f6","A code editor interface with a secrets management panel.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9f5eefff-9783-43d8-bbc4-0a41f1c2c347.png",2590,1462,[118],{"id":119,"title":120,"slug":121},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":47,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":51,"kind":52,"categories":130,"app":135},"5feb81b3-cfcf-44c7-be23-c244c7556335","A table displaying user invitations with their status and expiration dates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F733fa880-2609-466e-aaa2-f1870f8d1e7e.png",2256,879,[131],{"id":132,"title":133,"slug":134},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":47,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":51,"kind":52,"categories":143,"app":148},"54c4ace3-74c8-49a4-8fe7-dd5342752960","A modal with radio buttons to configure username signup options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe37be16d-7e72-4628-b2b1-46c28ab61cfe.png",1696,748,[144],{"id":145,"title":146,"slug":147},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":47,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":51,"kind":52,"categories":156,"app":161},"06ea4167-9784-4054-bb13-a969ee18370d","A date range picker modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff246cb02-0b07-4093-adff-defba1e7413e.png",1446,1451,[157],{"id":158,"title":159,"slug":160},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":47,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":51,"kind":52,"categories":169,"app":174},"713c9ed7-88cf-46d7-93b3-9f32427dd84a","A modal for setting up an app in GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F709dab3b-b150-4838-bfa3-c551a5215305.png",786,838,[170],{"id":171,"title":172,"slug":173},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":47,"description":178,"canonical_path":4,"image":179,"width":128,"height":180,"image_alt":51,"kind":52,"categories":181,"app":186},"f7208168-297b-4220-8833-83a701ec35f0","A modal to customize login page settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa9279f9f-84b4-4c8e-abc4-f891c4cb0d16.png",676,[182],{"id":183,"title":184,"slug":185},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":47,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":51,"kind":52,"categories":194,"app":196},"0f11bdcf-c623-4813-95a1-a280fd47c609","A slider with a text input to control text size.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F912132de-5584-4807-93f2-08cdacbaf02d.png",668,246,[195],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":197},[],[],[200,203,206,209,212,215,217,221,225,229],{"label":201,"to":202},"Auth0 product screens","\u002Fexamples\u002Fapps\u002Fauth0\u002Fscreens",{"label":204,"to":205},"Auth0 marketing pages","\u002Fexamples\u002Fapps\u002Fauth0\u002Fmarketing",{"label":207,"to":208},"Auth0 user flows","\u002Fexamples\u002Fapps\u002Fauth0\u002Fflows",{"label":210,"to":211},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":213,"to":214},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":216,"to":18},"All SaaS app examples",{"label":218,"to":219,"description":220},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":222,"to":223,"description":224},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":226,"to":227,"description":228},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":230,"to":231,"description":232},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":234,"updated_at":235},"2022-02-13T19:28:20.000Z","2026-09-13T13:02:39.000Z"]