[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fchatbase\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":204,"links":205,"dates":224},"\u002Fexamples\u002Fapps\u002Fchatbase\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Chatbase UI components examples - Nicelydone","Browse Chatbase UI component design examples. Preview individual interface elements and explore related component categories. AI agents for magical customer…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1dc9dbe2-e8ab-477b-a2f6-348700145c62.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},"Chatbase design examples","\u002Fexamples\u002Fapps\u002Fchatbase",{"label":23,"to":4},"Chatbase UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Chatbase UI component design examples. Preview individual interface elements and explore related component categories. AI agents for magical customer experiences",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Chatbase","chatbase","AI agents for magical customer experiences","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f20904a-e719-4d66-8569-3859ea3fbf78.png","https:\u002F\u002Fwww.chatbase.co",[36,40,44],{"id":37,"title":38,"slug":39},47,"Customer Service","customer-service",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},96,"No code","no-code",[49,64,74,87,100,113,126,139,152,165,178,191],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"84bea8f2-67b5-4b81-9d9a-617bdd092abd","Chatbase UI component","A bar chart displaying usage history over a period of time within a card component.",2717,916,"UI component from Chatbase","component",[58],{"id":59,"title":60,"slug":61},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":72},"ef92a9c4-d925-4384-bdd6-b8801de5e7f2","A dashboard section displaying usage metrics for credits and agents, with filtering options for agents and date range.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F96cb519a-3dd5-492f-822c-264b675a22c8.png",2676,664,[71],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":55,"kind":56,"categories":80,"app":85},"725fc653-33f9-4f84-b855-b23ee36d5741","An empty state screen prompting the user to create their first AI agent, featuring a colorful abstract illustration with placeholder cards.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4819cd8e-8880-431b-a826-2281079146a8.png",1380,1312,[81],{"id":82,"title":83,"slug":84},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":51,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":55,"kind":56,"categories":93,"app":98},"485462c3-cd33-4bc5-a346-99538d733c8a","A user interface displaying a sidebar navigation and an open dropdown menu for workspace selection and management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F29cfe337-99af-472a-b5dd-15f2185a3f98.png",1114,417,[94],{"id":95,"title":96,"slug":97},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":51,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":55,"kind":56,"categories":106,"app":111},"38ae21c4-e9b9-4022-a7b8-525258468779","A settings page for a chat widget with navigation tabs and a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F679e99c0-86b0-4497-bafa-715e7034c94c.png",1105,389,[107],{"id":108,"title":109,"slug":110},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":55,"kind":56,"categories":119,"app":124},"356dd40a-e45a-4aa4-be14-561bbd90e172","A user interface for selecting an embed type, offering 'Chat widget' or 'Iframe' options with descriptions and a documentation link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbb3556e0-04c2-49aa-acf9-c7b773cf6e98.png",998,569,[120],{"id":121,"title":122,"slug":123},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":55,"kind":56,"categories":132,"app":137},"2b51401c-c649-455d-b0d0-ebe30700344e","A user interface for uploading and managing files, specifically for AI training purposes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4402877-e483-4d77-9f28-ed00455a04fd.png",1782,1462,[133],{"id":134,"title":135,"slug":136},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":55,"kind":56,"categories":145,"app":150},"2baa0b48-6e58-46fb-a3f6-ea7d52a37698","A card displaying credit usage and an upgrade call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc9c05e34-a68f-4be2-b72b-30245281ef29.png",580,380,[146],{"id":147,"title":148,"slug":149},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":51,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":55,"kind":56,"categories":158,"app":163},"ef253980-b6c9-4aa6-bdbd-a30fba1875cf","A modal dialog for filtering by date range, displaying two calendar months for selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F62dc5aad-8afc-4534-90d6-2d817dd02d37.png",1345,1080,[159],{"id":160,"title":161,"slug":162},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":51,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":55,"kind":56,"categories":171,"app":176},"2eab6c32-113c-4c3a-acca-35a15dc1c986","A sidebar navigation menu for a workspace application, displaying various features and a credit usage status with an upgrade option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0e3c4e2e-eddf-4ded-82a8-6d58ab42217c.png",519,1777,[172],{"id":173,"title":174,"slug":175},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":177},[],{"uuid":179,"title":51,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":55,"kind":56,"categories":184,"app":189},"6fd3a022-bd8f-46b8-b540-68f6a0ec519e","A success notification popover indicating a successful playground reset.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc463fcc4-cdd6-42f5-b7e0-4d685af918b4.png",856,242,[185],{"id":186,"title":187,"slug":188},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":190},[],{"uuid":192,"title":51,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":55,"kind":56,"categories":197,"app":202},"65cf4efe-ec8a-4c66-ba2a-f439bca27540","A horizontal slider control for adjusting a parameter labeled 'Temperature' with a numerical value and descriptive range labels.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd13647a7-0c86-4c84-bace-11d5069e49a3.png",876,248,[198],{"id":199,"title":200,"slug":201},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":203},[],[],[206,209,212,215,218,221],{"label":207,"to":208},"Chatbase product screens","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fscreens",{"label":210,"to":211},"Chatbase marketing pages","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fmarketing",{"label":213,"to":214},"Chatbase user flows","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fflows",{"label":216,"to":217},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":219,"to":220},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":222,"to":223},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":225,"updated_at":226},"2026-02-08T08:37:12.000Z","2026-09-13T13:02:39.000Z"]