{"id":44100,"date":"2023-04-03T07:49:16","date_gmt":"2023-04-03T14:49:16","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=44100"},"modified":"2023-04-04T07:42:34","modified_gmt":"2023-04-04T14:42:34","slug":"fluent-ui-vs-mui","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/","title":{"rendered":"Fluent UI vs MUI \u2013 Designer&#8217;s Comparison"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI-1024x512.png\" alt=\"FLUENT UI VS MUI\" class=\"wp-image-44101\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>\u200b\u200bBuilding scalable React applications from scratch is a challenging, resource-hungry endeavor. Fluent UI React, and MUI streamline this process by giving product teams comprehensive UI libraries to design, prototype, test, and develop high-quality, scalable digital products faster.<\/p>\n\n\n\n<p>We explore these popular <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/top-react-component-libraries\/\" target=\"_blank\" rel=\"noreferrer noopener\">open-source ReactJS UI libraries in 2023<\/a> and why you might choose Fluent UI or MUI for your next project. We also introduce <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/code-to-design-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">code to design<\/a> and how to bring components from these design systems into the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-process-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">design process<\/a> to enhance prototyping and testing capabilities.<\/p>\n\n\n\n<p>Introduce fully interactive Fluent UI and MUI components at the prototyping phase. Build high-fidelity prototypes that have code-like fidelity and functionality. Discover UXPin Merge, a solution that makes it possible to introduce code to design. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Learn more<\/a>.<\/p>\n\n\n\n<section class=\"discover-merge\">\n    <div class=\"discover-merge__container\">\n        <div class=\"discover-merge__left\">\n            <p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n            <p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}\n\n.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.discover-merge__left {\n    width: 50%;\n}\n\n.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}\n\n.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}\n\n.discover-merge__button:hover {\n    cursor: pointer;\n}\n\n.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}\n\n@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }\n\n    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-an-introduction-to-fluent-design-system-and-mui\">An Introduction to Fluent Design System and MUI&nbsp;<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/www.microsoft.com\/design\/fluent\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Fluent Design System<\/a> (Fluent UI React) and MUI (Material UI) are popular design systems primarily used for <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/cross-platform-experience\/\" target=\"_blank\" rel=\"noreferrer noopener\">cross-platform products<\/a>. The comprehensive front-end Javascript libraries include patterns like charts, graphs, advanced tables, data grids, and more, making it easy for product developers to build and scale enterprise user interfaces.<\/p>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Fluent_Design_System\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Microsoft developed the Fluent Design System in 2017<\/a> to rebrand the Microsoft Design Language (Metro). Microsoft used Fluent UI across its product ecosystem, including Windows and Microsoft 365.<\/p>\n\n\n\n<p>While MUI is based on Google&#8217;s Material Design, the open-source project has no affiliation with Google. MUI&#8217;s founders created the UI library in <a href=\"https:\/\/mui.com\/about\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">2014 to unify Material Design and React<\/a>. It&#8217;s now one of the most widely used React libraries, with <a href=\"https:\/\/www.npmjs.com\/package\/@mui\/material\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">over 2.5 million weekly downloads on npm<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-code-to-design-approach-a-single-source-of-truth\">Code-to-Design Approach \u2013 A Single Source of Truth<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/code-design-developer.png\" alt=\"code design developer\" class=\"wp-image-35038\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/code-design-developer.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/code-design-developer-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>MUI and Fluent UI offer UI kits for popular design tools, but wouldn&#8217;t it be easier if designers and engineers used the same components from design to development? This <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/dotsource-importance-of-single-source-of-truth\/\" target=\"_blank\" rel=\"noreferrer noopener\">single source of truth workflow<\/a> is precisely what UXPin Merge does for product development teams.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/code-to-design-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code to design<\/a> is a product development workflow that brings coded UI components into the design process using <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin and Merge<\/a>. Designers get the best of both worlds, <strong>a familiar design tool user interface<\/strong> with <strong>fully interactive UI elements<\/strong>.<\/p>\n\n\n\n<p>UXPin Merge comes standard with the React component libraries for <a href=\"https:\/\/www.uxpin.com\/merge\/fluent-ui-library\" target=\"_blank\" rel=\"noreferrer noopener\">Fluent UI<\/a> and <a href=\"https:\/\/www.uxpin.com\/merge\/mui-library\" target=\"_blank\" rel=\"noreferrer noopener\">MUI<\/a>. Designers simply drag and drop components from <a href=\"https:\/\/www.uxpin.com\/docs\/design-systems\/design-system-libraries\/\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin&#8217;s Design Libraries<\/a> to build fully functioning prototypes.<\/p>\n\n\n\n<p>With Merge, design teams get all the functionality and interactivity that comes standard with Fluent UI and MUI, including fully functioning date pickers, charts, data visualizations, and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-design-principles\">Design Principles<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/01\/design-and-development-collaboration-process-product-communication-1.png\" alt=\"design and development collaboration process product communication 1\" class=\"wp-image-32885\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/01\/design-and-development-collaboration-process-product-communication-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/01\/design-and-development-collaboration-process-product-communication-1-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>MUI and Fluent UI&#8217;s design principles are closely aligned. Both focus on motion, texture, and cross-platform experiences.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-mui-s-design-principles\">MUI&#8217;s design principles<\/h3>\n\n\n\n<p>MUI follows the <a href=\"https:\/\/m2.material.io\/design\/introduction#principles\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">design principles of Google&#8217;s Material Design 2<\/a>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Material is a metaphor:<\/strong> The UI library is inspired by real-world textures, light, and shadows. Its purpose is to reimagine the mediums of paper and ink.<\/li>\n\n\n\n<li><strong>Bold, graphic, intentional:<\/strong> Material Design uses typography, grids, space, scale, color, and imagery to create hierarchy, meaning, and focus for immersive user experiences.<\/li>\n\n\n\n<li><strong>Motion provides meaning:<\/strong> Subtle feedback and coherent transitions focus users&#8217; attention while maintaining continuity. Elements transform and reorganize the environment with interactions generating new transformations.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-fluent-ui-s-design-principles\">Fluent UI&#8217;s design principles<\/h3>\n\n\n\n<p>Fluent&#8217;s design language aims to facilitate seamless cross-platform experiences that look &#8220;<a href=\"https:\/\/medium.com\/microsoft-design\/four-principles-for-the-future-of-design-78922340cece\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">natural on every platform<\/a>.&#8221; The design system&#8217;s five core principles include:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Light:<\/strong> The use of light and illumination to create a sense of depth, focus, and spatial awareness in the interface.<\/li>\n\n\n\n<li><strong>Depth:<\/strong> The utilization of layering and depth to create a sense of hierarchy and relationship between UI elements.<\/li>\n\n\n\n<li><strong>Motion:<\/strong> Purposeful animations and transitions that enhance the user experience and help guide users through interactions.<\/li>\n\n\n\n<li><strong>Material:<\/strong> Using different materials (acrylic, metallic, etc.) to create a sense of texture and physicality in the interface.<\/li>\n\n\n\n<li><strong>Scale:<\/strong> Designing for various screen sizes and input methods, ensuring the interface remains consistent and usable across different devices.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-component-libraries\">Component Libraries<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/design-system-atomic-library-components.png\" alt=\"design system atomic library components\" class=\"wp-image-32669\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/design-system-atomic-library-components.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/12\/design-system-atomic-library-components-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>MUI and Fluent UI have extensive component libraries capable of delivering high-quality cross-platform applications.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-fluent-ui-component-library-breakdown\">Fluent UI component library breakdown<\/h3>\n\n\n\n<p><a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Fluent UI has over 240 UI components<\/a> with controls for <a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">React<\/a>, Web Components, Windows, iOS, Android, MacOS, and cross-platform user interfaces.<\/p>\n\n\n\n<p><a href=\"https:\/\/learn.microsoft.com\/en-us\/fluent-ui\/web-components\/integrations\/introduction\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Fluent UI also works with other front-end UI frameworks<\/a>, including Angular, Vue, Ember, and Webpack.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-mui-component-library-breakdown\">MUI component library breakdown<\/h3>\n\n\n\n<p><a href=\"https:\/\/mui.com\/material-ui\/getting-started\/overview\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">MUI has over 200 React UI components<\/a>, with an <a href=\"https:\/\/mui.com\/x\/introduction\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">additional 240+ in MUI X<\/a>, its advanced library. While MUI has a massive component library, these are primarily for web and desktop applications, lacking the same native capability as Fluent UI.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-templates\">Templates<\/h3>\n\n\n\n<p>Fluent UI and MUI provide starter templates for building applications. <a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/concepts\/design\/design-teams-app-ui-templates\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Fluent UI&#8217;s templates<\/a> are designed specifically for Microsoft products, while the <a href=\"https:\/\/mui.com\/store\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">MUI template marketplace<\/a> offers an extensive range of dashboards, websites, eCommerce, landing pages, and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-customization-and-theming\">Customization and Theming<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/01\/design-system-library-components.png\" alt=\"design system library components\" class=\"wp-image-32904\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/01\/design-system-library-components.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/01\/design-system-library-components-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Fluent UI and MUI offer similar theming and customization, including core elements like color, typography, spacing, and other style properties. Both UI libraries allow dark mode switching, making it easy to create light and dark versions of your application.<\/p>\n\n\n\n<p>While both libraries offer excellent customization, MUI is considered more customizable due to its extensive theming options, versatile component styling, and customization APIs.<\/p>\n\n\n\n<p>Some aspects which make MUI more flexible for customization include:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>The <\/strong><a href=\"https:\/\/mui.com\/system\/getting-started\/the-sx-prop\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>sx prop<\/strong><\/a><strong>:<\/strong> enables inline styling for easy customization without requiring additional CSS classes or separate style objects.<\/li>\n\n\n\n<li><a href=\"https:\/\/mui.com\/material-ui\/experimental-api\/css-theme-variables\/customization\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Customization APIs<\/strong><\/a><strong>:<\/strong> <em>experimental_extendTheme<\/em> is an API that extends the default theme giving developers more flexibility and greater customization.<\/li>\n\n\n\n<li><a href=\"https:\/\/mui.com\/material-ui\/customization\/theme-components\/#global-style-overrides\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Global style overrides<\/strong><\/a><strong>:<\/strong> MUI allows developers to override a component&#8217;s default styles globally using the theme object. Using style overrides provides developers with more flexibility and better maintainability.<\/li>\n\n\n\n<li><strong>Tokens:<\/strong> allow you to change color, fonts, sizes, and spacing for components. MUI also enables you to <a href=\"https:\/\/mui.com\/material-ui\/experimental-api\/css-theme-variables\/customization\/#adding-new-theme-tokens\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">add custom theme tokens<\/a> to control any aspect of any UI element.<\/li>\n<\/ol>\n\n\n\n<p><a href=\"https:\/\/fluentuipr.z22.web.core.windows.net\/heads\/master\/theming-designer\/index.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Fluent UI&#8217;s Theme Designer<\/a> makes creating an exportable theme palette easy, with options for primary, text, and background colors. Developers can export the colors to CodePen in React, JSON, or PowerShell formats.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-design-system-accessibility-and-internationalization\">Design System Accessibility and Internationalization<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/team-leaders-teams.png\" alt=\"team leaders teams\" class=\"wp-image-32332\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/team-leaders-teams.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/team-leaders-teams-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accessibility\">Accessibility<\/h3>\n\n\n\n<p>Fluent UI and MUI prioritize accessibility and internationalization for developers to create inclusive products that serve a diverse global user base.<\/p>\n\n\n\n<p>Both libraries offer core accessibility features for components, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keyboard navigation<\/li>\n\n\n\n<li>ARIA attributes<\/li>\n\n\n\n<li>Accessible roles (provide additional information for assistive technologies)<\/li>\n<\/ul>\n\n\n\n<p><em>Each library also offers unique accessibility features.<\/em><\/p>\n\n\n\n<p>Fluent UI offers more assistive technology features, like &#8220;<a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\/focuszone\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">FocusZone<\/a>&#8221; and &#8220;<a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\/focustrapzone\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">FocusTrapZone<\/a>,&#8221; to manage focus in complex components and dialogs. Additionally, the &#8220;<a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\/announced\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Announced<\/a>&#8221; prop provides screen readers with comprehensive updates on system status for copying, uploading, lazy loading, and more.<\/p>\n\n\n\n<p>Unique to MUI is the <em>VisuallyHidden<\/em> utility, which allows screen readers to &#8216;see&#8217; off-screen content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-internationalization\">Internationalization<\/h3>\n\n\n\n<p>Fluent UI and MUI provide utilities and styling for right-to-left (RTL) languages. The design systems also include external integrations with localization libraries like <a href=\"https:\/\/www.i18next.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>i18next<\/em><\/a> or <a href=\"https:\/\/formatjs.io\/docs\/getting-started\/installation\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>formatjs<\/em><\/a> (<a href=\"https:\/\/www.npmjs.com\/package\/react-intl\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">previously react-intl<\/a>).<\/p>\n\n\n\n<p>MUI supports <a href=\"https:\/\/mui.com\/x\/react-date-pickers\/localization\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">component-level localization<\/a> for relevant patterns like date pickers, time pickers, and calendars\u2013<em>features not supported without integrations in Fluent UI.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-documentation-and-community\">Documentation and Community<\/h2>\n\n\n\n<p>Fluent UI and MUI have excellent documentation and active communities for questions and support.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-documentation\">Documentation<\/h3>\n\n\n\n<p>Fluent UI and MUI provide detailed docs for components, usage examples, API references, code samples, and customization\/theming.<\/p>\n\n\n\n<p>MUI&#8217;s &#8220;<a href=\"https:\/\/mui.com\/material-ui\/guides\/api\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">How-to guides<\/a>&#8221; provide additional support with details and steps for typical developer tasks and workflows, like using Typescript, routing, responsive UI, testing, internationalization, and accessibility, to name a few.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-communities\">Communities<\/h3>\n\n\n\n<p>Fluent UI&#8217;s community is significantly smaller than MUI but still active and growing. Most communication happens on <a href=\"https:\/\/github.com\/microsoft\/fluentui\">Fluent UI&#8217;s GitHub repository<\/a>, where developers can report issues and contribute.<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/mui\/material-ui\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">MUI&#8217;s GitHub repository<\/a> is a developer go-to, but the design system also has several <a href=\"https:\/\/mui.com\/material-ui\/getting-started\/support\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">support channels<\/a>, including various Discord communities, <a href=\"https:\/\/stackoverflow.com\/questions\/tagged\/mui\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Stack Overflow<\/a>, a blog, and premium support.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-recommended-use-cases\">Recommended Use Cases<\/h2>\n\n\n\n<p>Here are some recommended use cases for Fluent UI and MUI. Both design systems are excellent for enterprise applications, but Fluent UI has better native and cross-platform capabilities and features.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-fluent-ui-use-cases\">Fluent UI Use Cases<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-microsoft-product-ecosystem\">Microsoft product ecosystem<\/h4>\n\n\n\n<p>One of Fluent UI&#8217;s primary purposes is for developers who want to build custom apps and services for the Microsoft product ecosystem, notably Microsoft 365.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-cross-platform-enterprise-applications\">Cross-platform enterprise applications<\/h4>\n\n\n\n<p>With a wide range of web, desktop, and native components, Fluent UI is an excellent choice for cross-platform applications. The enterprise-specific UI library, including data tables, charts, graphs, forms, and more, makes it easy to develop products that cater to business needs while creating seamless experiences across multiple devices and operating systems.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-complex-web-applications\">Complex web applications<\/h4>\n\n\n\n<p>Fluent UI&#8217;s advanced navigation components, like <a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\/commandbar\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">CommandBar<\/a>, <a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\/nav\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Nav<\/a>, <a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\/breadcrumb\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Breadcrumb<\/a>, and <a href=\"https:\/\/developer.microsoft.com\/en-us\/fluentui#\/controls\/web\/pivot\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Pivot<\/a>, make it an excellent choice for applications with complex navigation structures or hierarchical content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-mui-use-cases\">MUI Use Cases<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-responsive-web-applications\">Responsive web applications<\/h4>\n\n\n\n<p>MUI is excellent for building scalable, responsive, user-friendly web applications. The extensive library includes everything from basic inputs to complex data grids suitable for developing many types of web apps.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-customizable-websites-and-web-apps\">Customizable websites and web apps<\/h4>\n\n\n\n<p>MUI&#8217;s powerful theming and styling capabilities allow for granular control over each component&#8217;s appearance and functionality. This flexibility makes MUI the better choice for projects that require high levels of customization while maintaining ultimate consistency.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-enterprise-applications\">Enterprise applications<\/h4>\n\n\n\n<p>MUI combined with <a href=\"https:\/\/mui.com\/x\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">MUI X<\/a> enables product teams to build advanced, responsive web applications, including complex components like tree views, data grids, sparklines, pagination, data filtering, and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-build-interactive-prototypes-with-uxpin-merge\">Build Interactive Prototypes With UXPin Merge<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"501\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/uxpin-merge-component-sync.png\" alt=\"uxpin merge component sync\" class=\"wp-image-37004\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/uxpin-merge-component-sync.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/uxpin-merge-component-sync-449x300.png 449w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>With UXPin Merge, product teams no longer have separate design systems for designers and engineers. Merge connects UXPin to your design system&#8217;s repository, so designers use the same components in the design process as engineers use to develop the final product.<\/p>\n\n\n\n<p>Any changes to the repository automatically sync to UXPin&#8217;s design editor, notifying teams of the update\u2013<em>creating a single source of truth across the organization<\/em>. This code-to-design workflow simplifies product development, whether you&#8217;re a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">multi-national enterprise<\/a> or a fledgling startup.<\/p>\n\n\n\n<p>Startup <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/\" target=\"_blank\" rel=\"noreferrer noopener\">TeamPassword uses a custom MUI library to prototype and test new releases in UXPin<\/a>. When the team completes prototyping, they have production-ready code to develop the final product.<\/p>\n\n\n\n<p>Build your first interactive prototype with the built-in Fluent UI and MUI design systems. Discover UXPin&#8217;s code-to-design solution.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover Merge<\/a><\/center><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u200b\u200bBuilding scalable React applications from scratch is a challenging, resource-hungry endeavor. Fluent UI React, and MUI streamline this process by giving product teams comprehensive UI libraries to design, prototype, test, and develop high-quality, scalable digital products faster. We explore these popular open-source ReactJS UI libraries in 2023 and why you might choose Fluent UI or<\/p>\n","protected":false},"author":3,"featured_media":44101,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,445,441],"tags":[],"class_list":["post-44100","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-code-to-design","category-front-end"],"yoast_title":"","yoast_metadesc":"Fluent UI or MUI? Which one of those two component libraries is better? Discover product designer's perspective on Fluent UI vs MUI.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fluent UI vs MUI \u2013 Designer&#039;s Comparison | UXPin<\/title>\n<meta name=\"description\" content=\"Fluent UI or MUI? Which one of those two component libraries is better? Discover product designer&#039;s perspective on Fluent UI vs MUI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fluent UI vs MUI \u2013 Designer&#039;s Comparison\" \/>\n<meta property=\"og:description\" content=\"Fluent UI or MUI? Which one of those two component libraries is better? Discover product designer&#039;s perspective on Fluent UI vs MUI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-03T14:49:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-04T14:42:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Fluent UI vs MUI \u2013 Designer&#8217;s Comparison\",\"datePublished\":\"2023-04-03T14:49:16+00:00\",\"dateModified\":\"2023-04-04T14:42:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/\"},\"wordCount\":1660,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/FLUENT-UI-VS-MUI.png\",\"articleSection\":[\"Blog\",\"Code to Design\",\"Front-End\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/\",\"name\":\"Fluent UI vs MUI \u2013 Designer's Comparison | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/FLUENT-UI-VS-MUI.png\",\"datePublished\":\"2023-04-03T14:49:16+00:00\",\"dateModified\":\"2023-04-04T14:42:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Fluent UI or MUI? Which one of those two component libraries is better? Discover product designer's perspective on Fluent UI vs MUI.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/FLUENT-UI-VS-MUI.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/FLUENT-UI-VS-MUI.png\",\"width\":1200,\"height\":600,\"caption\":\"FLUENT UI VS MUI\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fluent-ui-vs-mui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fluent UI vs MUI \u2013 Designer&#8217;s Comparison\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fluent UI vs MUI \u2013 Designer's Comparison | UXPin","description":"Fluent UI or MUI? Which one of those two component libraries is better? Discover product designer's perspective on Fluent UI vs MUI.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/","og_locale":"en_US","og_type":"article","og_title":"Fluent UI vs MUI \u2013 Designer's Comparison","og_description":"Fluent UI or MUI? Which one of those two component libraries is better? Discover product designer's perspective on Fluent UI vs MUI.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/","og_site_name":"Studio by UXPin","article_published_time":"2023-04-03T14:49:16+00:00","article_modified_time":"2023-04-04T14:42:34+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Fluent UI vs MUI \u2013 Designer&#8217;s Comparison","datePublished":"2023-04-03T14:49:16+00:00","dateModified":"2023-04-04T14:42:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/"},"wordCount":1660,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI.png","articleSection":["Blog","Code to Design","Front-End"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/","name":"Fluent UI vs MUI \u2013 Designer's Comparison | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI.png","datePublished":"2023-04-03T14:49:16+00:00","dateModified":"2023-04-04T14:42:34+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Fluent UI or MUI? Which one of those two component libraries is better? Discover product designer's perspective on Fluent UI vs MUI.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/04\/FLUENT-UI-VS-MUI.png","width":1200,"height":600,"caption":"FLUENT UI VS MUI"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fluent-ui-vs-mui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Fluent UI vs MUI \u2013 Designer&#8217;s Comparison"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/44100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=44100"}],"version-history":[{"count":6,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/44100\/revisions"}],"predecessor-version":[{"id":44108,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/44100\/revisions\/44108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/44101"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=44100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=44100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=44100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}