[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdockio\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":201,"links":202,"dates":218},"\u002Fexamples\u002Fapps\u002Fdockio\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dock UI components examples - Nicelydone","Browse Dock UI component design examples. Preview individual interface elements and explore related component categories. End data fraud and reduce…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe04af09e-90e9-438c-b225-3c8473962a38.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},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdockio",{"label":23,"to":4},"Dock UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dock UI component design examples. Preview individual interface elements and explore related component categories. End data fraud and reduce verification costs",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Dock","dockio","End data fraud and reduce verification costs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdockio-cc9d7e66.png","https:\u002F\u002Fdock.io","docknetwork",[37,41],{"id":38,"title":39,"slug":40},78,"Security","security",{"id":42,"title":43,"slug":44},37,"Developer APIs","developer-apis",[46,61,74,87,100,113,126,139,149,162,175,188],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"15074b61-744f-4748-a60e-a99ed2da6e2c","Dock UI component","Api key display",1052,277,"UI component from Dock","component",[55],{"id":56,"title":57,"slug":58},241,"Click to copy","click-to-copy",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":48,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":52,"kind":53,"categories":67,"app":72},"d57da932-1187-4964-b3e8-54b5a16f4d27","A toggle switch for selecting between monthly and yearly payment options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F499a614d-74ca-4e69-b3d3-99993373306a.png",659,224,[68],{"id":69,"title":70,"slug":71},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":48,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":52,"kind":53,"categories":80,"app":85},"2f51e5a3-c187-4f2e-826a-fb9761fb7df2","A text input field with a label","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa65510d9-07f2-4ad0-b0e0-6d2738d1f356.png",1280,360,[81],{"id":82,"title":83,"slug":84},201,"Input text","input-text",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":48,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":52,"kind":53,"categories":93,"app":98},"939029b1-498b-4eac-94c8-9af7b33d6e96","A card to create a new design","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb27ed00e-b0dc-4f77-86da-6a41537ad727.png",874,878,[94],{"id":95,"title":96,"slug":97},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":48,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":52,"kind":53,"categories":106,"app":111},"c204469c-861a-40b0-98cb-23f7fc11d496","A horizontal stepper component","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F62cd33b6-4de5-4c24-9918-f0e4abe3d494.png",1683,356,[107],{"id":108,"title":109,"slug":110},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":48,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":52,"kind":53,"categories":119,"app":124},"403761df-0609-4005-b4b7-9cfe14ca67e0","A table displaying schema names and their last updated dates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1445ed15-5053-465e-a3fe-41d2aabed18a.png",2516,870,[120],{"id":121,"title":122,"slug":123},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":48,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":52,"kind":53,"categories":132,"app":137},"e1a35664-f94d-4268-bacb-ca2c59393fbe","A blue button with the text 'New'","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F273cc29f-41cc-44b4-83f8-da7eabcbae22.png",115,66,[133],{"id":134,"title":135,"slug":136},260,"Badge","badge",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":48,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":52,"kind":53,"categories":145,"app":147},"147d2f21-4297-4b14-bfa4-4361eee5ab29","A tabbed navigation component.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F77122c7c-292a-4757-88c9-2fefb225b251.png",593,190,[146],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":48,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":52,"kind":53,"categories":155,"app":160},"83649ca2-a2e2-4d0e-88e8-ecc25316e927","A side navigation menu for a SaaS product.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F985bf2af-4d6c-4644-8305-a26a2e4db947.png",641,1317,[156],{"id":157,"title":158,"slug":159},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":48,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":52,"kind":53,"categories":168,"app":173},"e6a8404a-dc72-4efb-8a1c-8cbf8cdd01b8","A banner alert indicating a free trial has ended.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa3525807-b03b-491e-bae4-200c800e1659.png",2767,350,[169],{"id":170,"title":171,"slug":172},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":48,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":52,"kind":53,"categories":181,"app":186},"2513a9da-70a8-4d69-84ad-0c9f9cbc14bd","A user profile card with name and team","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12a50b22-9b8f-47fb-91a0-73ad2c202fef.png",494,192,[182],{"id":183,"title":184,"slug":185},169,"Avatar","avatar",{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":48,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":52,"kind":53,"categories":194,"app":199},"a4240961-2e99-4dae-804e-a99404403560","A modal with multiple sign-in options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc51e3157-771f-4956-a891-2525d456b8fa.png",1070,524,[195],{"id":196,"title":197,"slug":198},289,"Social login button","social-login-button",{"slug":31,"title":30,"logo":33,"categories":200},[],[],[203,206,209,212,215],{"label":204,"to":205},"Dock product screens","\u002Fexamples\u002Fapps\u002Fdockio\u002Fscreens",{"label":207,"to":208},"Dock marketing pages","\u002Fexamples\u002Fapps\u002Fdockio\u002Fmarketing",{"label":210,"to":211},"Dock user flows","\u002Fexamples\u002Fapps\u002Fdockio\u002Fflows",{"label":213,"to":214},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":216,"to":217},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":219,"updated_at":220},"2023-12-27T11:57:17.000Z","2026-09-13T13:02:39.000Z"]