[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Faxiom\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":208,"links":209,"dates":228},"\u002Fexamples\u002Fapps\u002Faxiom\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Axiom UI components examples - Nicelydone","Browse Axiom UI component design examples. Preview individual interface elements and explore related component categories. The modern machine data platform.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F36f1da14-8562-4922-84f9-5c1108b9f9c9.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},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":23,"to":4},"Axiom 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,"categories":34},"Axiom","axiom","The modern machine data platform.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","https:\u002F\u002Faxiom.co\u002F",[35,39,43,47],{"id":36,"title":37,"slug":38},46,"Analytics","analytics",{"id":40,"title":41,"slug":42},57,"Big data","big-data",{"id":44,"title":45,"slug":46},16,"Monitoring","monitoring",{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",[52,67,80,92,105,118,131,143,156,169,182,195],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"categories":60,"app":65},"2bdda4ab-7ccb-491f-bf55-be1a9b102b3f","Axiom UI component","A dropdown menu displaying various options categorized into charts, data, and other, with an item in a hover state.",472,1190,"UI component from Axiom","component",[61],{"id":62,"title":63,"slug":64},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":66},[],{"uuid":68,"title":54,"description":69,"canonical_path":4,"image":70,"width":71,"height":72,"image_alt":58,"kind":59,"categories":73,"app":78},"5742f94a-720d-41c4-ba55-d76b3340faf2","A line chart displaying time-series data with a header showing results and comparison options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F55f3af60-da64-4967-a3b4-ddbfddf6bbdd.png",2717,636,[74],{"id":75,"title":76,"slug":77},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":54,"description":82,"canonical_path":4,"image":83,"width":71,"height":84,"image_alt":58,"kind":59,"categories":85,"app":90},"0c14f46c-f725-4ad4-b01e-d01e8437ab4d","An interface for building and editing data queries to generate charts and results tables.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff1c07c4c-6b20-4d44-9a56-7cad326189ee.png",764,[86],{"id":87,"title":88,"slug":89},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":54,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":58,"kind":59,"categories":98,"app":103},"86e3e899-703e-4bc6-87f4-6cf1952f0d7d","A data management interface displaying a list of datasets with filtering options in a two-column layout.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F51e4bf9f-25cf-4ef2-af7a-784bfe34ed0e.png",3024,736,[99],{"id":100,"title":101,"slug":102},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":54,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":58,"kind":59,"categories":111,"app":116},"68864f3c-f720-4e12-aebe-fd3ace77dade","A modal dialog for selecting a date and time range with predefined quick options and custom date inputs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5fed0b14-ace3-44c3-b843-ec4d3a594b46.png",756,1059,[112],{"id":113,"title":114,"slug":115},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":54,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":58,"kind":59,"categories":124,"app":129},"7f5e8f05-10e7-4bbe-a1d6-e1d96a4000d6","A sidebar navigation panel displaying dataset categories and filters with counts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F31015964-4e67-4e87-bb32-8106c7c4e3f0.png",435,1758,[125],{"id":126,"title":127,"slug":128},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":54,"description":133,"canonical_path":4,"image":134,"width":96,"height":135,"image_alt":58,"kind":59,"categories":136,"app":141},"10f7fc56-b304-4421-8580-9d53e45df539","An application interface featuring a global navigation bar, a page title, a search input, and a call to action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8bafc5fe-56db-430d-98fc-751f8869b06e.png",162,[137],{"id":138,"title":139,"slug":140},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":54,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":58,"kind":59,"categories":149,"app":154},"3ce3ddf1-cec0-4b81-b220-6e4375108389","A 'Get started' page for a data platform, guiding users through initial setup steps and showcasing integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac0b3ef6-c00b-43c5-bc07-5265318cf7ba.png",1864,1707,[150],{"id":151,"title":152,"slug":153},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":54,"description":158,"canonical_path":4,"image":159,"width":160,"height":161,"image_alt":58,"kind":59,"categories":162,"app":167},"f235db34-9ceb-4880-9a62-4142312bff95","A customer testimonial featuring a quote and the author's name and title.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5d3f916f-cec6-4341-8eb7-8ac12fcb9d44.png",1164,508,[163],{"id":164,"title":165,"slug":166},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":168},[],{"uuid":170,"title":54,"description":171,"canonical_path":4,"image":172,"width":173,"height":174,"image_alt":58,"kind":59,"categories":175,"app":180},"d9ab1f16-5608-4f80-9bfe-d6e21ec2152e","A frequently asked questions section with categories like architecture, pricing, and migration, presented in a dark mode interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F34865cd1-af64-417f-bf31-a2389746ae82.png",2679,1217,[176],{"id":177,"title":178,"slug":179},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":54,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":58,"kind":59,"categories":188,"app":193},"eef9bbdd-09d6-48a7-9303-36314094de14","A technical overview page showcasing various features of a data processing and analytics platform with code examples, data visualizations, and conceptual diagrams.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F80be2ca2-83a6-452a-87c2-b5456bb2eb18.png",2800,3960,[189],{"id":190,"title":191,"slug":192},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":54,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":58,"kind":59,"categories":201,"app":206},"61079288-aedc-4d35-8dd2-e244e223e308","A dark mode dropdown menu displaying various product use cases with icons and descriptions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16ab59ab-fbe3-43da-b12b-6bb3123114be.png",1228,732,[202],{"id":203,"title":204,"slug":205},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":207},[],[],[210,213,216,219,222,225],{"label":211,"to":212},"Axiom product screens","\u002Fexamples\u002Fapps\u002Faxiom\u002Fscreens",{"label":214,"to":215},"Axiom marketing pages","\u002Fexamples\u002Fapps\u002Faxiom\u002Fmarketing",{"label":217,"to":218},"Axiom user flows","\u002Fexamples\u002Fapps\u002Faxiom\u002Fflows",{"label":220,"to":221},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":223,"to":224},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":226,"to":227},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"published_at":229,"updated_at":230},"2026-05-30T10:12:36.000Z","2026-09-13T13:02:39.000Z"]