web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / MUI in PCF
Power Apps
Unanswered

MUI in PCF

(0) ShareShare
ReportReport
Posted on by Community Power Pla... Microsoft Employee

Hello fellow PowerAppers,

 

I was wondering if anyone has had any luck with implementing MUI (material-ui) in PCF components? I have got it all the way to displaying in the PCF preview but when I import it into a PowerApps application it is just blank. Perhaps it is due to PowerApps not having this framework available? (It is google after all) With that being said, I have seen examples of people using Babylon.js in a PCF component so it seems like it should be possible.

 

Thanks,

Categories:
Power Apps Pro Dev & ISV
I have the same question (0)
  • a33ik Profile Picture
    a33ik 3,306 Most Valuable Professional on at

    Hello,

    I used MUI in PCF controls and it worked fine for me. When the PCF control is built it includes all the frameworks needed for the control.

    My recommendation - troubleshoot the control - there must be some issue in the code or logic of the control that stops it from being rendered.

  • Community Power Platform Member Profile Picture
    Community Power Pla... Microsoft Employee on at

    My only other guess is that I am using it in a React virtual control which I believe uses built in frameworks that need to match those in the solution. At least that is the case with React and Fluent versions. The control renders fine when being run through vscode.

  • Diana Birkelbach Profile Picture
    Diana Birkelbach 3,072 Most Valuable Professional on at

    Hi @Anonymous , 

    A virtual PCF allows you to use the React used by the Power Apps (and eventually Fluent UI).
    If you add libraries (like material-ui), you need to declare them in the package.json and import the needed components in your code.
    Since the virtual components are using a fixed version of React, maybe there is an issue with the material-ui version you use. React 18 has some changes, and virtual PCFs are using a React 16.8.6. There might be a conflict...

  • Community Power Platform Member Profile Picture
    Community Power Pla... Microsoft Employee on at

    Oh thank you! I will check into this when I get a chance. This seems very possible.

  • angelbueno Profile Picture
    angelbueno 2 on at

    Hi! Excuse me for asking, could you tell me what project or where you have seen babylon.js used in PCF. Thank you!

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Vish WR Profile Picture

Vish WR 977

#2
Valantis Profile Picture

Valantis 664

#3
11manish Profile Picture

11manish 530

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans