[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fzaro\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":211,"links":212,"dates":231},"\u002Fexamples\u002Fapps\u002Fzaro\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Zaro UI components examples - Nicelydone","Browse Zaro UI component design examples. Preview individual interface elements and explore related component categories. AI workspace with agents and apps…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F089c36f8-007d-4b14-9954-c57734a22a3b.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},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":23,"to":4},"Zaro UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Zaro UI component design examples. Preview individual interface elements and explore related component categories. AI workspace with agents and apps for business automation",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Zaro","zaro","AI workspace with agents and apps for business automation","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","https:\u002F\u002Fzaro.ai\u002F",[36,40,44,48],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",{"id":49,"title":50,"slug":51},46,"Analytics","analytics",[53,68,81,94,107,120,133,146,159,172,185,198],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"909fd847-4339-4930-98f3-405e1df8e341","Zaro UI component","A user interface displaying a sequence of completed and ongoing automated tasks, with controls for queuing new actions.",1448,889,"UI component from Zaro","component",[62],{"id":63,"title":64,"slug":65},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"b92ed85f-5501-42e2-9e5d-ee84df369500","A user interface featuring a conversational AI for creating new applications, presenting options for app types, and displaying chat history.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc931586f-f5e7-4a3c-8e43-0062635e602d.png",1471,1968,[75],{"id":76,"title":77,"slug":78},214,"Popover","popover",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":92},"006563f0-504c-4dbe-803a-729e000b01a1","A vertical navigation sidebar for a SaaS application, featuring workspace management, control panel settings, and session details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb367c2a4-6328-46d5-b549-6043816947c9.png",724,1858,[88],{"id":89,"title":90,"slug":91},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":55,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":59,"kind":60,"categories":100,"app":105},"45878ad8-ee5e-45d4-a645-dc5cf9a6110d","A frequently asked questions section with an accordion layout.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F137138d2-32e3-4f70-91b4-4466d9107c81.png",2768,1362,[101],{"id":102,"title":103,"slug":104},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":55,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":59,"kind":60,"categories":113,"app":118},"64017ca4-6b61-476d-8c45-630c1cb52521","A web page displaying options to purchase credit packs with different quantities and prices, highlighting a 'best value' option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f8a7f17-c464-4e46-876b-8203c9bf6b08.png",2810,1322,[114],{"id":115,"title":116,"slug":117},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":55,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":59,"kind":60,"categories":126,"app":131},"bd4cc12a-ff51-47f4-b54b-68b1ef34e5f9","A segmented control allowing users to switch between 'Workspace Apps' and 'My Apps', with 'Workspace Apps' currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65396835-9da0-4105-b41d-5c05e056fc3b.png",611,201,[127],{"id":128,"title":129,"slug":130},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":55,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":59,"kind":60,"categories":139,"app":144},"bdeecdb7-eafe-4615-9201-bb1f25ffa693","An AI-powered knowledge management interface with data visualization and quick access to documents.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ab5190d-9b10-4c43-91b5-ddc2a8835fb7.png",1252,1218,[140],{"id":141,"title":142,"slug":143},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":55,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":59,"kind":60,"categories":152,"app":157},"8243bacb-4ce6-49ce-882e-9b8e9f007673","A card displaying a preview of a support escalations dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4ce832d-b955-454d-b73b-3f44beab4c36.png",671,783,[153],{"id":154,"title":155,"slug":156},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":55,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":59,"kind":60,"categories":165,"app":170},"913f3f7a-1c52-4252-9a71-3e68c74365f5","A breadcrumb navigation bar indicating the current page location within a web application's settings, showing 'Home > Settings > Billing'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fff22dd98-cf50-4947-a70f-2c07047e503e.png",563,161,[166],{"id":167,"title":168,"slug":169},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":55,"description":174,"canonical_path":4,"image":175,"width":176,"height":177,"image_alt":59,"kind":60,"categories":178,"app":183},"9b98919f-873a-46c7-a312-c9a3a952c22a","A modal or popover displaying user account details, workspace options, and application settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feee0c722-8033-4757-8389-9ccc5a064ac6.png",747,766,[179],{"id":180,"title":181,"slug":182},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":184},[],{"uuid":186,"title":55,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":59,"kind":60,"categories":191,"app":196},"ff5c6703-874e-4699-b8df-291a39d4cd37","A bar chart displaying credit usage over time with a tooltip showing details for a specific time point.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0e30c062-04a0-4d3b-9bf0-4f583a067046.png",2510,903,[192],{"id":193,"title":194,"slug":195},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":197},[],{"uuid":199,"title":55,"description":200,"canonical_path":4,"image":201,"width":202,"height":203,"image_alt":59,"kind":60,"categories":204,"app":209},"4c37e78b-7dfa-4798-a7a6-1f2a80952630","Authentication options for user login","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5ac83234-e482-4e2d-b415-6c94014a3010.png",1028,681,[205],{"id":206,"title":207,"slug":208},289,"Social login button","social-login-button",{"slug":31,"title":30,"logo":33,"categories":210},[],[],[213,216,219,222,225,228],{"label":214,"to":215},"Zaro product screens","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens",{"label":217,"to":218},"Zaro marketing pages","\u002Fexamples\u002Fapps\u002Fzaro\u002Fmarketing",{"label":220,"to":221},"Zaro user flows","\u002Fexamples\u002Fapps\u002Fzaro\u002Fflows",{"label":223,"to":224},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":226,"to":227},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":229,"to":230},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"published_at":232,"updated_at":233},"2026-06-26T12:44:13.000Z","2026-09-13T13:02:39.000Z"]