Pbi design

Hi Powerbidevelop7 ,
You cannot import or apply Material UI directly into Power BI visuals or reports.
Material UI is a React component library, while Power BI visuals (built-in visuals) are rendered using their own rendering engine and styling model. They do not accept external CSS frameworks.

1. Can Material UI be applied directly to Power BI visuals?

No.
There is no direct way to apply Material UI, Bootstrap, Tailwind, etc., to Power BI’s built-in visuals.
These visuals are essentially locked-down components.

2. Can a Power BI .json theme replicate Material UI styling?

Partially, yes.
A theme JSON controls:

• colors (primary, secondary, backgrounds)

• fonts

• visual formatting defaults

However, a theme.json cannot:

• change layout structure of visuals

• apply Material UI interactive components or motion behaviors

• change visual component markup

So a theme.json can be used to match the Material UI color palette + typography, but not the UI framework style or components.

3. When can Material UI actually be used?

If you build a custom visual.

Power BI allows custom visuals built with:

• TypeScript

• React

• D3 / SVG rendering

• Material UI is allowed inside the custom visual code.

This means:

npm install @mui/material @emotion/react @emotion/styled

Then use MUI inside the custom visual’s React structure.

But this requires:

• Power BI Custom Visual SDK development

• Packaging and signing the custom visual

• Deploying and allowing it in your tenant

This is the only route to truly use Material UI inside Power BI.

If your goal is consistent UI feeling between a web app (MUI) and Power BI:

• Use Material UI look & feel → replicated in theme.json.

• Do not attempt full Material UI visual components unless you plan to develop custom visuals
  
  ⭐Hope this solution helps you make the most of Power BI! If it did, click 'Mark as Solution' to help others find the right answers.
  💡Found it helpful? Show some love with kudos 👍 as your support keeps our community thriving!
  🚀Let’s keep building smarter, data-driven solutions together!🚀 [Explore More]

Hi Powerbidevelop7,

Thank you for reaching out to Microsoft Fabric Community.

Thank you GrowthNatives for the prompt response. 

As we haven’t heard back from you, we wanted to kindly follow up to check if the solution provided by the user for the issue worked? or let us know if you need any further assistance.

Thanks and regards,

Anjan Kumar Chippa