[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Ftoolbox":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":37,"showcases":332,"links":333,"dates":382},"\u002Fexamples\u002Fcomponents\u002Ftoolbox","collection","components",true,{"example_count":9,"app_count":10},153,67,{"id":12,"title":13,"description":14},246,"Toolbox","See how interfaces group tools around a working area. Explore how icons, labels, and tool states organize the actions available for editing or creating content.",{"title":16,"description":17,"og_image":18},"Toolbox UI examples - Nicelydone","Toolbox UI design examples from SaaS apps. See how interfaces group tools around a working area. Explore how icons, labels, and tool states organize the…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fad07aebb-f53b-43c8-b63e-6e41aac977ab.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Toolbox UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Toolbox UI design examples from SaaS apps. See how interfaces group tools around a working area. Explore how icons, labels, and tool states organize the actions available for editing or creating content.",[32],{"title":33,"description":14,"links":34},"About Toolbox",[],[36],"153 UI components",[38,60,85,118,144,164,183,210,244,265,288,308],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"a57312c4-96c8-4a03-93aa-c6ee247d6576","Riverside UI component","A control bar for a video conferencing or recording application, featuring media controls and layout options.","\u002Fexamples\u002Fapps\u002Friverside\u002Fcomponents",1447,528,"UI component from Riverside","component",[48],{"id":12,"title":13,"slug":49},"toolbox",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[56],{"id":57,"title":58,"slug":59},100,"Video","video",{"uuid":61,"title":62,"description":63,"canonical_path":64,"image":65,"width":66,"height":67,"image_alt":68,"kind":46,"categories":69,"app":71},"3c56d260-403f-4ef4-9c2b-562d9883c60c","Dock UI component","A customization panel for brand and workspace settings, allowing users to adjust header, logo, layout, colors, and button styles.","\u002Fexamples\u002Fapps\u002Fdock\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb828941-fd08-4d49-8c3e-006dd4c71f7e.png",694,1758,"UI component from Dock",[70],{"id":12,"title":13,"slug":49},{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[77,81],{"id":78,"title":79,"slug":80},23,"Collaboration","collaboration",{"id":82,"title":83,"slug":84},29,"Task Management","task-management",{"uuid":86,"title":87,"description":88,"canonical_path":89,"image":90,"width":91,"height":92,"image_alt":93,"kind":46,"categories":94,"app":96},"d339b0d7-9d21-48b7-9940-593ae0f0c0c9","Bloom UI component","A horizontal toolbar with navigation and display control icons.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6280d709-7c76-4248-b581-8b9b68c3c6fb.png",513,255,"UI component from Bloom",[95],{"id":12,"title":13,"slug":49},{"slug":97,"title":98,"logo":99,"baseline":100,"categories":101},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[102,106,110,114],{"id":103,"title":104,"slug":105},80,"Artificial Intelligence","artificial-intelligence",{"id":107,"title":108,"slug":109},3,"Shopping","shopping",{"id":111,"title":112,"slug":113},7,"Web Development","web-development",{"id":115,"title":116,"slug":117},96,"No code","no-code",{"uuid":119,"title":120,"description":121,"canonical_path":122,"image":123,"width":124,"height":125,"image_alt":126,"kind":46,"categories":127,"app":129},"f675544c-32d6-4e75-ba9d-286ea2723eca","Response action icons","Row of icon buttons for refreshing, rating, copying, or opening the API response output.","\u002Fexamples\u002Fapps\u002Fexa\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8db1a867-545f-4a0b-a8c4-fa5ae6ba22c1.jpg",400,157,"Response action icons from Exa",[128],{"id":12,"title":13,"slug":49},{"slug":130,"title":131,"logo":132,"baseline":133,"categories":134},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[135,139,140],{"id":136,"title":137,"slug":138},55,"Search engine","search-engine",{"id":103,"title":104,"slug":105},{"id":141,"title":142,"slug":143},37,"Developer APIs","developer-apis",{"uuid":145,"title":146,"description":147,"canonical_path":148,"image":149,"width":150,"height":151,"image_alt":152,"kind":46,"categories":153,"app":155},"c4807f07-3637-4b29-af20-b048d7c42a91","Lovable UI component","A property panel for visual and layout edits in a design application.","\u002Fexamples\u002Fapps\u002Flovable\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06a21768-c970-4a6d-a63d-d7b170ac1f4e.png",1010,1490,"UI component from Lovable",[154],{"id":12,"title":13,"slug":49},{"slug":156,"title":157,"logo":158,"baseline":159,"categories":160},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[161,162,163],{"id":103,"title":104,"slug":105},{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"uuid":165,"title":166,"description":167,"canonical_path":168,"image":169,"width":170,"height":171,"image_alt":172,"kind":46,"categories":173,"app":175},"82c757db-487a-4ef9-9815-ed413ff171c9","Elevenlabs UI component","A horizontal toolbar displaying various creative and editing tools, with one tool in a selected state, set against a dotted grid background.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde27839a-71f6-43de-89e0-87249cb044c4.png",1213,192,"UI component from Elevenlabs",[174],{"id":12,"title":13,"slug":49},{"slug":176,"title":177,"logo":178,"baseline":179,"categories":180},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[181,182],{"id":103,"title":104,"slug":105},{"id":141,"title":142,"slug":143},{"uuid":184,"title":185,"description":186,"canonical_path":187,"image":188,"width":189,"height":190,"image_alt":191,"kind":46,"categories":192,"app":194},"9fd4f31a-91c3-4dc4-8be7-32352316eeca","Linear UI component","A project management interface displaying project properties, milestones, and recent activity in a card-based layout.","\u002Fexamples\u002Fapps\u002Flinear\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F71cef777-f648-4a02-98fc-d2220c74e9ff.png",906,1404,"UI component from Linear",[193],{"id":12,"title":13,"slug":49},{"slug":195,"title":196,"logo":197,"baseline":198,"categories":199},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[200,201,205,206],{"id":82,"title":83,"slug":84},{"id":202,"title":203,"slug":204},30,"Productivity","productivity",{"id":78,"title":79,"slug":80},{"id":207,"title":208,"slug":209},86,"Product management","product-management",{"uuid":211,"title":212,"description":213,"canonical_path":214,"image":215,"width":216,"height":217,"image_alt":218,"kind":46,"categories":219,"app":221},"ae58ba69-67df-4154-9a6b-c5ad85d36af7","Bird UI component","A modal or sidebar panel for editing and styling text content within an application.","\u002Fexamples\u002Fapps\u002Fbird\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb56332fb-b81d-486d-b2cb-39382a5e4040.png",868,1795,"UI component from Bird",[220],{"id":12,"title":13,"slug":49},{"slug":222,"title":223,"logo":224,"baseline":225,"categories":226},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[227,231,232,236,240],{"id":228,"title":229,"slug":230},25,"Marketing","marketing",{"id":141,"title":142,"slug":143},{"id":233,"title":234,"slug":235},53,"CRM","crm",{"id":237,"title":238,"slug":239},68,"SMS","sms",{"id":241,"title":242,"slug":243},92,"Email","email",{"uuid":245,"title":246,"description":247,"canonical_path":248,"image":249,"width":250,"height":251,"image_alt":252,"kind":46,"categories":253,"app":255},"fc67d09b-c269-464e-8bd7-c596b9076904","Mixpanel UI component","A horizontal toolbar or tool palette with various selection options, including a hand tool, cursor, and content creation tools like metric, strategy, note, and text.","\u002Fexamples\u002Fapps\u002Fmixpanel\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd16487c0-0411-48ea-95cc-06b474e86533.png",831,314,"UI component from Mixpanel",[254],{"id":12,"title":13,"slug":49},{"slug":256,"title":257,"logo":258,"baseline":259,"categories":260},"mixpanel","Mixpanel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6591e7aa-86c8-4da2-8c52-c70f46a86bbb.png","Product analytics for mobile, web, & more",[261],{"id":262,"title":263,"slug":264},46,"Analytics","analytics",{"uuid":266,"title":267,"description":268,"canonical_path":269,"image":270,"width":271,"height":272,"image_alt":273,"kind":46,"categories":274,"app":276},"eccb4292-7ef9-4f53-ab5a-fef7f3122b29","Universe UI component","A modal window presenting a grid of content block options for adding various elements to a digital canvas.","\u002Fexamples\u002Fapps\u002Funiverse\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6de70e6a-d429-4d98-87b4-506930453d5b.png",981,1444,"UI component from Universe",[275],{"id":12,"title":13,"slug":49},{"slug":277,"title":278,"logo":279,"baseline":280,"categories":281},"universe","Universe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fa1f738aa-4481-4f65-b6d7-49d68fb8a925.png","Design Custom Sites with No Code",[282,283,287],{"id":111,"title":112,"slug":113},{"id":284,"title":285,"slug":286},8,"Design","design",{"id":115,"title":116,"slug":117},{"uuid":289,"title":290,"description":291,"canonical_path":292,"image":293,"width":294,"height":295,"image_alt":296,"kind":46,"categories":297,"app":299},"23c94881-7e8e-4888-9b6c-1a38006c3ee1","Durable UI component","A contextual action bar displaying selection count and available actions","\u002Fexamples\u002Fapps\u002Fdurable\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F27b237fb-051f-4e23-bc0f-bcc13dd33816.png",1262,399,"UI component from Durable",[298],{"id":12,"title":13,"slug":49},{"slug":300,"title":301,"logo":302,"baseline":303,"categories":304},"durable","Durable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb551d9ca-2d64-4ca4-9738-73cb15d9e486.png","AI that builds a business for you",[305,306,307],{"id":111,"title":112,"slug":113},{"id":103,"title":104,"slug":105},{"id":115,"title":116,"slug":117},{"uuid":309,"title":310,"description":311,"canonical_path":312,"image":313,"width":314,"height":315,"image_alt":316,"kind":46,"categories":317,"app":319},"4fa91f68-25d5-4b86-8661-71948eaf9142","Gumloop UI component","A set of two control bars with zoom and view options.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf386c95-edc5-46aa-b9a0-02ba335ed76b.png",724,208,"UI component from Gumloop",[318],{"id":12,"title":13,"slug":49},{"slug":320,"title":321,"logo":322,"baseline":323,"categories":324},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[325,326,327,328],{"id":202,"title":203,"slug":204},{"id":103,"title":104,"slug":105},{"id":115,"title":116,"slug":117},{"id":329,"title":330,"slug":331},105,"Workflow Automation","workflow-automation",[],[334,337,340,343,346,349,352,355,358,361,364,367,370,373,376,379],{"label":335,"to":336},"Media Editor","\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":338,"to":339},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":341,"to":342},"AI Generation","\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":344,"to":345},"Design Editor","\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":347,"to":348},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":350,"to":351},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":353,"to":354},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":356,"to":357},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":359,"to":360},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":362,"to":363},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":365,"to":366},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":368,"to":369},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":371,"to":372},"Mixpanel design examples","\u002Fexamples\u002Fapps\u002Fmixpanel",{"label":374,"to":375},"Universe design examples","\u002Fexamples\u002Fapps\u002Funiverse",{"label":377,"to":378},"Durable design examples","\u002Fexamples\u002Fapps\u002Fdurable",{"label":380,"to":381},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"published_at":383,"updated_at":384},"2022-08-22T09:57:04.000Z","2026-09-17T10:44:16.000Z"]