[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdock\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":193,"links":194,"dates":210},"\u002Fexamples\u002Fapps\u002Fdock\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. The new way to manage external…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9f947ab8-f7d6-4ce4-8c9b-ebca939de4bc.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\u002Fdock",{"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. The new way to manage external relationships",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Dock","dock","The new way to manage external relationships","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","https:\u002F\u002Fdock.us",[36,40],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},29,"Task Management","task-management",[45,60,73,86,99,112,122,135,148,158,171,181],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"b8f69c95-ab85-4924-9da4-79a52018706a","Dock UI component","A document-like interface presenting a business brief with measurable outcomes, accompanied by an AI chat input field at the bottom.",1716,1809,"UI component from Dock","component",[54],{"id":55,"title":56,"slug":57},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"956b695d-70f9-4f46-9d07-acc7248e8368","A segmented control with three options, 'Workspace' is selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb19bfc53-e70c-4fa6-84fc-6c30c0b955fb.png",882,195,[67],{"id":68,"title":69,"slug":70},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":84},"3c56d260-403f-4ef4-9c2b-562d9883c60c","A customization panel for brand and workspace settings, allowing users to adjust header, logo, layout, colors, and button styles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb828941-fd08-4d49-8c3e-006dd4c71f7e.png",694,1758,[80],{"id":81,"title":82,"slug":83},246,"Toolbox","toolbox",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":51,"kind":52,"categories":92,"app":97},"635b1d2e-3957-479a-bcc1-5cadf6f0f0df","A settings page for managing workspace notifications with toggle switches.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56adec75-b079-4dd2-b217-344eea87824d.png",1309,713,[93],{"id":94,"title":95,"slug":96},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":110},"2ca5fff7-1682-4c8c-880a-ba8863f67f8e","A user management interface displaying a table of users with search, filtering, and editable details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F101dce5b-720f-4059-9e3d-c0dc468ef53c.png",2587,1539,[106],{"id":107,"title":108,"slug":109},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":47,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":51,"kind":52,"categories":118,"app":120},"8da9a71e-722a-47b3-a1a8-957e83a90cd2","A modal dialog for creating a workspace, offering options like templates, existing workspaces, a blank canvas, or AI-assisted creation, with a step indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5e17f9fd-bd07-4fc0-8f8f-bfc7ad03d9e5.png",1171,212,[119],{"id":107,"title":108,"slug":109},{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":47,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":51,"kind":52,"categories":128,"app":133},"0a1a51d5-2b04-47b0-ae39-a7492b4ded3f","A project planning and document editing interface with a rich text editor and progress tracking.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fead08314-11fb-4da0-b05d-6e3997d37bb9.png",2622,1016,[129],{"id":130,"title":131,"slug":132},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":47,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":51,"kind":52,"categories":141,"app":146},"8f0c302c-f0c1-45d9-b8b7-900d4205aac1","A modal or panel for adding content blocks and widgets, featuring a search bar, quick start options, and categorized lists of basic blocks and widgets.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F194fac8a-8f46-429b-be44-8ab2886ff41f.png",1556,1449,[142],{"id":143,"title":144,"slug":145},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":47,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":51,"kind":52,"categories":154,"app":156},"ca5fe570-3bb3-45da-91a2-f090d9e080f3","A UI displaying an activity summary card with an executive summary and a list of recent people activity.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7cdbc1a1-cb6c-4774-9c4e-40e64ff4611b.png",806,845,[155],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":47,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":51,"kind":52,"categories":164,"app":169},"f232335a-cc73-4dcd-bf47-16715a49ad2e","A modal dialog prompting a user to upgrade for automation features, offering options to contact sales or view pricing plans.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F72d203a6-3cba-4752-985b-7995f3e5eb9f.png",1149,886,[165],{"id":166,"title":167,"slug":168},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":47,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":51,"kind":52,"categories":177,"app":179},"529ea1b7-2b40-4366-8688-f5707da06f10","A modal dialog for adding people to a workspace and managing their access and roles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3d5ccac-8846-41ef-8b2d-fdea574f9f1d.png",1252,1359,[178],{"id":166,"title":167,"slug":168},{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":47,"description":183,"canonical_path":4,"image":184,"width":185,"height":78,"image_alt":51,"kind":52,"categories":186,"app":191},"27806c30-cda1-44a7-9d19-ead0fac9a7ac","A sidebar navigation menu for a SaaS application, featuring categorized links for collaboration, content, learning, and administration, along with an upgrade call to action and help links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3af80898-054e-497b-bcc7-63b0c7b0b03a.png",422,[187],{"id":188,"title":189,"slug":190},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":192},[],[],[195,198,201,204,207],{"label":196,"to":197},"Dock product screens","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",{"label":199,"to":200},"Dock marketing pages","\u002Fexamples\u002Fapps\u002Fdock\u002Fmarketing",{"label":202,"to":203},"Dock user flows","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",{"label":205,"to":206},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":208,"to":209},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"published_at":211,"updated_at":212},"2021-11-21T11:27:45.000Z","2026-09-13T13:02:39.000Z"]