[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmistral\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":190,"links":191,"dates":210},"\u002Fexamples\u002Fapps\u002Fmistral\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Mistral UI components examples - Nicelydone","Browse Mistral UI component design examples. Preview individual interface elements and explore related component categories. Frontier AI. In your hands","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3c7f99cc-6ccf-4387-add5-203903524945.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},"Mistral design examples","\u002Fexamples\u002Fapps\u002Fmistral",{"label":23,"to":4},"Mistral 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},"Mistral","mistral","Frontier AI. In your hands","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Febdf5e59-0539-44b6-9e33-2986c1458350.png","https:\u002F\u002Fmistral.ai",[35,39,43],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},77,"Machine learning","machine-learning",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",[48,63,76,88,98,111,124,137,147,160,170,180],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"eb798848-c9e5-4b6d-abde-d9cba12c5af4","Mistral UI component","A user interface for configuring document upload file size settings.",2332,757,"UI component from Mistral","component",[57],{"id":58,"title":59,"slug":60},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":74},"8b49eb8a-4bd9-4466-9c90-a272eb9f5048","A user interface displaying subscriptions with tabbed navigation for different applications.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feee11298-a782-4d1d-bb9c-df19668049d3.png",2249,322,[70],{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"canonical_path":4,"image":78,"width":79,"height":80,"image_alt":54,"kind":55,"categories":81,"app":86},"0463e24c-a268-483b-a477-a5e5050a38bc","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F97aad0d8-60d5-4222-aafd-8b1b54fb76de.png",1149,1006,[82],{"id":83,"title":84,"slug":85},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":50,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":54,"kind":55,"categories":94,"app":96},"1013a564-d6e8-47d2-9408-5fa071cf8e92","A modal window displaying workspace settings with navigation tabs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faaecd481-55f0-448c-8a1f-f7411b50b380.png",2951,267,[95],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":50,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":54,"kind":55,"categories":104,"app":109},"918932ac-e13d-4469-9d45-027fd953f9d2","A message indicating a feature is disabled due to subscription requirements, offering options to upgrade or view documentation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F221f71fc-2163-49ab-a015-b2b156d69a0e.png",991,658,[105],{"id":106,"title":107,"slug":108},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":50,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":54,"kind":55,"categories":117,"app":122},"6c8e1953-88f4-4a73-8723-62d95b80629f","A modal window for filtering data by metadata using key-value pairs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d6ab4aa-fd1e-4cb7-b0b3-3567c5ea0ade.png",1204,550,[118],{"id":119,"title":120,"slug":121},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":50,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":54,"kind":55,"categories":130,"app":135},"1827a0e6-f273-47e0-a301-e7a52fcad629","A user interface for managing AI agents, featuring a data table, search, and filtering options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6a5031a-42a0-421b-aaf3-8da8b73f7667.png",2972,632,[131],{"id":132,"title":133,"slug":134},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":50,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":54,"kind":55,"categories":143,"app":145},"cce6ecb9-ea43-4eed-8b48-3b04cc558d5f","A dropdown menu displaying actions for agent management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5f4a2e7-7ee1-4daf-a873-9eb31398e5e7.png",495,506,[144],{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":50,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":54,"kind":55,"categories":153,"app":158},"4b6e0dfd-b94b-49be-997d-7182d78400b0","A user interface displaying a model selection dropdown with search functionality and a detail card showing information about a selected AI model.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2f04dcc4-bb69-4190-b28f-0111e2155446.png",1391,1188,[154],{"id":155,"title":156,"slug":157},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":50,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":54,"kind":55,"categories":166,"app":168},"355456c9-b433-44cc-a04e-867567ae11a4","A sidebar navigation with a dropdown menu for application switching and a list of recent items.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F29cd0c07-c25c-422f-913c-2908bbbf5a63.png",559,958,[167],{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":50,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":54,"kind":55,"categories":176,"app":178},"aebe5626-2e6f-4d49-80b2-e3ffcdeb4fb4","A dropdown menu for selecting a tone, displaying options such as Default, Professional, Empathetic, and Direct.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdd10616e-4aef-461a-a195-8200b25f7e95.png",935,587,[177],{"id":155,"title":156,"slug":157},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":50,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":54,"kind":55,"categories":186,"app":188},"dd75da7c-2671-4d8a-bfe3-1746186a13a1","A file management interface for a digital library, displaying uploaded documents and web pages with options to upload, share, filter, and sort.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fea1cdf33-5268-4d65-b3b6-78cece81845b.png",2176,1061,[187],{"id":132,"title":133,"slug":134},{"slug":30,"title":29,"logo":32,"categories":189},[],[],[192,195,198,201,204,207],{"label":193,"to":194},"Mistral product screens","\u002Fexamples\u002Fapps\u002Fmistral\u002Fscreens",{"label":196,"to":197},"Mistral marketing pages","\u002Fexamples\u002Fapps\u002Fmistral\u002Fmarketing",{"label":199,"to":200},"Mistral user flows","\u002Fexamples\u002Fapps\u002Fmistral\u002Fflows",{"label":202,"to":203},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":205,"to":206},"Machine learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmachine-learning",{"label":208,"to":209},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":211,"updated_at":212},"2026-02-15T07:59:06.000Z","2026-09-13T13:02:39.000Z"]