[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Finference\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":185,"links":186,"dates":205},"\u002Fexamples\u002Fapps\u002Finference\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Inference UI components examples - Nicelydone","Browse Inference UI component design examples. Preview individual interface elements and explore related component categories. Build and monitor…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84cc39d5-0702-4121-9bb8-f17d75fb38cd.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},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":23,"to":4},"Inference UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Inference UI component design examples. Preview individual interface elements and explore related component categories. Build and monitor self-improving agents.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Inference","inference","Build and monitor self-improving agents.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","https:\u002F\u002Finference.net",[36,40,44,48],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},16,"Monitoring","monitoring",{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",{"id":49,"title":50,"slug":51},80,"Artificial Intelligence","artificial-intelligence",[53,68,81,94,107,120,130,143,150,157,170,178],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"9035b26c-f105-4198-a5cc-1009077f3588","Inference UI component","A customer testimonial featuring a quote, author's name, title, and profile picture.",2016,809,"UI component from Inference","component",[62],{"id":63,"title":64,"slug":65},232,"Testimonial","testimonial",{"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},"f0575866-197b-4b8c-8540-a053641b3667","A webpage displaying a list of large language models with deployment options and pricing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffbdcd7b9-178c-41c9-aa41-70548cbd7564.png",2758,1902,[75],{"id":76,"title":77,"slug":78},248,"Table","table-2",{"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},"f059425e-b28b-45b0-a9d9-ab5aa4ca2322","A website footer displaying company information, product features, resources, and legal links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0edda3ab-8625-4d41-9218-317f6238391b.png",2303,1006,[88],{"id":89,"title":90,"slug":91},202,"Footer","footer",{"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},"13bed4f6-69d1-4b51-9bb7-333cad4f337c","A dashboard or landing page showcasing features for serving, monitoring, deploying, training, and evaluating AI models.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F733386be-52d8-47dd-9883-be48b4fb1743.png",2760,2721,[101],{"id":102,"title":103,"slug":104},298,"Bento box","bento-grid",{"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},"7e591d57-9168-41c7-81d5-5a4545602b10","A card displaying token usage metrics with a breakdown of input and output, visualized by a progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F636ec1b2-6e0a-4063-aa02-0d25a0132d39.png",836,745,[114],{"id":115,"title":116,"slug":117},186,"Charts","charts",{"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":128},"434e1755-2ba4-4302-9175-c2f0be09f086","A card displaying a success rate area chart with 0 total errors over a period.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d326123-0be6-411e-a15e-e3b114a37e91.png",1479,851,[127],{"id":115,"title":116,"slug":117},{"slug":31,"title":30,"logo":33,"categories":129},[],{"uuid":131,"title":55,"description":132,"canonical_path":4,"image":133,"width":134,"height":135,"image_alt":59,"kind":60,"categories":136,"app":141},"a8196e3a-a896-4c4b-9467-fa6209bda761","A user profile dropdown menu displaying account information and navigation options like settings, theme, documentation, chat support, and log out.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4da316a-ff26-43b8-8b56-032d22e93392.png",583,638,[137],{"id":138,"title":139,"slug":140},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":142},[],{"uuid":144,"title":55,"description":109,"canonical_path":4,"image":145,"width":111,"height":112,"image_alt":59,"kind":60,"categories":146,"app":148},"501f274c-8367-41ba-a75a-feeb02c8317d","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa31a5a3b-f2ac-4730-88a5-7d26bec3f6fd.png",[147],{"id":115,"title":116,"slug":117},{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":55,"description":122,"canonical_path":4,"image":152,"width":124,"height":125,"image_alt":59,"kind":60,"categories":153,"app":155},"0280b085-6a43-4b65-a03a-25adcaebc330","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f0b0740-cf47-4205-97a8-6014324d20b8.png",[154],{"id":115,"title":116,"slug":117},{"slug":31,"title":30,"logo":33,"categories":156},[],{"uuid":158,"title":55,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":59,"kind":60,"categories":163,"app":168},"074cb9ac-1a4b-46b3-a74a-1a75f4d15dc4","Application header displaying navigation, user context, and account status","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffaac04ab-541d-4bb0-886c-dc820d88601e.png",3024,111,[164],{"id":165,"title":166,"slug":167},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":55,"description":172,"canonical_path":4,"image":173,"width":57,"height":58,"image_alt":59,"kind":60,"categories":174,"app":176},"4e22be36-498c-4c33-a43e-a8db79df196c","A customer testimonial featuring a quote and the author's name, title, and profile picture.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fda39e648-a164-46fe-9f9e-4762c25e05b4.png",[175],{"id":63,"title":64,"slug":65},{"slug":31,"title":30,"logo":33,"categories":177},[],{"uuid":179,"title":55,"description":70,"canonical_path":4,"image":180,"width":72,"height":73,"image_alt":59,"kind":60,"categories":181,"app":183},"0b6665ac-7fda-4a9c-8588-93b56573af12","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F035370ce-9987-4640-8fbb-5b6d37330b06.png",[182],{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":184},[],[],[187,190,193,196,199,202],{"label":188,"to":189},"Inference product screens","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens",{"label":191,"to":192},"Inference marketing pages","\u002Fexamples\u002Fapps\u002Finference\u002Fmarketing",{"label":194,"to":195},"Inference user flows","\u002Fexamples\u002Fapps\u002Finference\u002Fflows",{"label":197,"to":198},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":200,"to":201},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":203,"to":204},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":206,"updated_at":207},"2026-06-08T14:03:44.000Z","2026-09-13T13:02:39.000Z"]