[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbinarbase\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":205,"links":206,"dates":225},"\u002Fexamples\u002Fapps\u002Fbinarbase\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"BinarBase UI components examples - Nicelydone","Browse BinarBase UI component design examples. Preview individual interface elements and explore related component categories. Data for Everyone. Powered by AI.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F31c014b4-4467-4dd8-ba53-a12042705852.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},"BinarBase design examples","\u002Fexamples\u002Fapps\u002Fbinarbase",{"label":23,"to":4},"BinarBase UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"BinarBase","binarbase","Data for Everyone. Powered by AI.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbinarbase-d8295ef9.png","https:\u002F\u002Fwww.binarbase.com",[35,39,43,47],{"id":36,"title":37,"slug":38},46,"Analytics","analytics",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},57,"Big data","big-data",{"id":48,"title":49,"slug":50},22,"Knowledge Management","knowledge-management",[52,67,82,97,109,121,136,148,160,170,180,190],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"categories":60,"app":65},"16105494-76fd-4164-9466-777400e14ace","Onboarding Coachmark","A popover pointing to a navigation item, guiding the user to start exploring data analysis. It features an avatar, a title, descriptive text, and a 'Skip tour' action.",1338,604,"Onboarding Coachmark from BinarBase","component",[61],{"id":62,"title":63,"slug":64},181,"Coachmark","coachmark",{"slug":30,"title":29,"logo":32,"categories":66},[],{"uuid":68,"title":69,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":74,"kind":59,"categories":75,"app":80},"e6e44c37-62cb-45c7-9786-3ebd8c7fbc4b","Product Illustration","A stylized illustration showing a tablet interface with data visualizations, surrounded by floating icons of various data sources and tools.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F88cc1e23-e51f-4475-885e-ea945a756aca.png",1667,1764,"Product Illustration from BinarBase",[76],{"id":77,"title":78,"slug":79},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":87,"height":88,"image_alt":89,"kind":59,"categories":90,"app":95},"601ff78f-6606-4c20-b9e2-e660fd901e20","Website Footer","A standard website footer containing a company logo, address, contact information, social media links, copyright notice, and legal links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1bce00bb-d64f-4da4-8446-3d0aec15cc34.png",2595,769,"Website Footer from BinarBase",[91],{"id":92,"title":93,"slug":94},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":104,"kind":59,"categories":105,"app":107},"66c22210-906c-4ef0-839e-ba79bb6a6c86","Feature highlight with illustration","A section highlighting a product feature, consisting of a decorative illustration showing multiple lines converging into one, followed by a bold heading and a descriptive paragraph.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb51129ed-109b-4f08-809a-f9809998eac8.png",1025,811,"Feature highlight with illustration from BinarBase",[106],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":59,"categories":117,"app":119},"b843a072-6022-4b28-8f54-a41ce3fd423e","Feature highlight card","A feature highlight card with a central icon, a bold headline, and a descriptive paragraph on a solid purple background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F04df1e09-9026-4a70-a4c7-ddee20a5c06b.png",1111,779,"Feature highlight card from BinarBase",[118],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":128,"kind":59,"categories":129,"app":134},"4a4802e4-e4d4-460f-bec7-eb718aff7a5b","Testimonial Block","A testimonial block featuring a large quote in purple text, followed by a divider, the author's photo, name, title, and company logo.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3e26ce3b-f157-4674-a261-e1202a22576d.png",1795,909,"Testimonial Block from BinarBase",[130],{"id":131,"title":132,"slug":133},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":143,"kind":59,"categories":144,"app":146},"8c2c4144-29a8-4217-ad97-10887352cb08","Feature highlight section","A feature highlight section with an abstract illustration, a bold headline, and a descriptive paragraph explaining the data exploration feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3a49f3d-6968-471e-8011-017870fa5bfa.png",1081,989,"Feature highlight section from BinarBase",[145],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":155,"kind":59,"categories":156,"app":158},"718ccf07-6311-4496-9105-45acce6ae853","Integration Hub Illustration","A visual representation of an integration hub, showing a central app icon surrounded by various third-party service icons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56a87424-b7f1-49e9-a92a-09f7bc7f4ecf.png",1706,1696,"Integration Hub Illustration from BinarBase",[157],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":153,"height":154,"image_alt":165,"kind":59,"categories":166,"app":168},"96c1f4cc-fbac-4f98-8658-d99d692ea0a7","AI Prompt Suggestions","A list of suggested AI prompts based on a selected data source, with one prompt highlighted for addition.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6b59834f-b388-4d21-bb13-4cdd449358e4.png","AI Prompt Suggestions from BinarBase",[167],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":172,"description":173,"canonical_path":4,"image":174,"width":153,"height":154,"image_alt":175,"kind":59,"categories":176,"app":178},"4fd1fec6-349b-4323-8a4a-59fa98c1494b","Data Enrichment Illustration","A conceptual illustration showing how raw data input is enriched with additional attributes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F08ec9751-ad83-42c8-ac38-7a044c555c42.png","Data Enrichment Illustration from BinarBase",[177],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":153,"height":154,"image_alt":185,"kind":59,"categories":186,"app":188},"b23f55c0-994a-4070-b70b-d18b0a613d6f","BinarBase UI component","Dashboard with team data","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2806075b-71e6-4442-a852-ce3ea4583f01.png","UI component from BinarBase",[187],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":197,"kind":59,"categories":198,"app":203},"1f3d8e5d-d91e-4aa0-93a9-89ec7d2acdb0","Newsletter signup section","A horizontal section prompting users to subscribe to a newsletter. It features a large headline on the left and a brief description with an inline email input and subscribe button on the right, set against a soft purple gradient background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9631a3c6-89bb-4bf4-9206-f30c52eafb13.png",2340,516,"Newsletter signup section from BinarBase",[199],{"id":200,"title":201,"slug":202},210,"Newsletter signup form","newsletter-signup-form",{"slug":30,"title":29,"logo":32,"categories":204},[],[],[207,210,213,216,219,222],{"label":208,"to":209},"BinarBase product screens","\u002Fexamples\u002Fapps\u002Fbinarbase\u002Fscreens",{"label":211,"to":212},"BinarBase marketing pages","\u002Fexamples\u002Fapps\u002Fbinarbase\u002Fmarketing",{"label":214,"to":215},"BinarBase user flows","\u002Fexamples\u002Fapps\u002Fbinarbase\u002Fflows",{"label":217,"to":218},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":220,"to":221},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":223,"to":224},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"published_at":226,"updated_at":227},"2023-04-29T17:20:28.000Z","2026-09-13T13:02:39.000Z"]