[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-mui-en-US":4,"featured-sidebar-data":3,"latest-resources-en-US":25},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":10,"cover":13,"icon":14,"categories":15,"tags":20,"files":21,"pricing":10,"platform":10},261,"MUI","mui","https:\u002F\u002Fmui.com\u002F","2025-11-12T02:53:35.187+00:00",null,"MUI is a UI component library specifically designed for React applications. It provides a vast array of ready-to-use React components for building user interfaces, following React's declarative programming paradigm.","MUI is a UI component library specifically designed for React applications. It provides a vast array of ready-to-use React components for building user interfaces, following React's declarative programming paradigm.\n\n### Material Design Style\nAt its core, MUI adheres to Google's Material Design system. This means all components share a consistent visual style, animations, and interactive behaviors, providing users with a familiar yet modern experience.\n\n### Rich Component Collection\nMUI offers a very comprehensive collection of components, covering almost all common UI elements in web and application development, including buttons, input fields, forms, navigation bars, cards, dialogs, data grids, menus, tooltips, icons, and more.\n\n### High Customizability\nDespite following Material Design, MUI still offers extremely high customizability. Users can easily modify component styles such as colors, spacing, typography, shadows, etc., through its powerful theming system, the `sx` prop, or the `styled` utility, to match their brand or design requirements.\n\n### Performance Optimization\nMUI is committed to delivering high-performance components. It employs optimization techniques, such as on-demand component loading, to ensure rapid application responsiveness.\n\n### Responsive Design\nAll MUI components come with built-in responsive design capabilities, automatically adapting to different screen sizes and devices, ensuring a good user experience on desktops, tablets, and mobile devices.\n\n### Accessibility\nMUI places great emphasis on accessibility. All components are meticulously designed to follow WAI-ARIA best practices, supporting keyboard navigation, focus management, and semantic HTML structures, allowing users of assistive technologies to access applications smoothly.\n\n### Professional Extension Products\nIn addition to the core open-source component library, MUI also offers professional paid products, such as:\n*   **MUI X**: Includes advanced Data Grid, Date Pickers, Tree View, and other complex components, providing more powerful functionalities and performance.\n*   **MUI Templates**: Pre-built, out-of-the-box React templates that can accelerate project kick-off and development.","bed9b944-a96c-4bb2-892d-f818f221f053.webp","e9747463-8abc-41f1-926d-97543a766bb7.svg",[16],{"name":17,"slug":18,"sub_categories":19},"Design Systems","design-systems",[],[],[22],{"url":23,"type":24},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F912837788133317724","figma",[26,36,46,57],{"id":27,"url":28,"icon":29,"name":30,"slug":31,"tags":32,"cover":33,"tagline":34,"is_featured":10,"date_created":35,"date_updated":10},612,"https:\u002F\u002Fusekodo.ai\u002F","b8589471-7a55-4558-a0b6-cac7a1805df0.svg","Kodo","kodo",[],"d422b1d4-6094-488c-88e1-c1ea3d2414fd.webp","An AI design tool that transforms text prompts into stunning, fully editable professional layouts.","2026-03-26T08:58:15.249+00:00",{"id":37,"url":38,"icon":39,"name":40,"slug":41,"tags":42,"cover":43,"tagline":44,"is_featured":10,"date_created":45,"date_updated":10},611,"https:\u002F\u002Fveeso.ai\u002F","477fe179-812f-45ff-8acb-eb1cb5fe8ac7.svg","Veeso AI","veeso-ai",[],"5bdc2f95-a5a7-4e52-b859-e2cafcf0ec85.webp","An AI tool that instantly transforms raw text content into professional, production-ready designs.","2026-03-26T08:48:55.54+00:00",{"id":47,"url":48,"icon":49,"name":50,"slug":51,"tags":52,"cover":53,"tagline":54,"is_featured":10,"date_created":55,"date_updated":56},603,"https:\u002F\u002Fopenclaw.ai\u002F","4863562c-0b51-4de2-98d1-1bd54e66cb14.svg","OpenClaw","open-claw",[],"aee1eea9-9f8f-4542-9cfa-509a3fd4c937.webp","An open-source personal AI assistant that runs locally and performs tasks via your favorite chat apps.","2026-01-25T07:01:21.29+00:00","2026-03-20T02:34:02.428+00:00",{"id":58,"url":59,"icon":60,"name":61,"slug":62,"tags":63,"cover":64,"tagline":65,"is_featured":10,"date_created":66,"date_updated":10},610,"https:\u002F\u002Fhandwrittengenerator.com\u002F","23222ea6-35f4-4186-b959-43113e84192a.svg","Handwritten Generator","handwritten-generator",[],"b9d9379f-fd78-4db4-8247-915a4b5e2bf3.webp","An online tool that instantly converts digital text into realistic handwritten images.","2026-03-20T02:27:03.068+00:00"]