Material UI code components

How do i use the material ui component

This is a good starting point: https://docs.plasmic.app/learn/code-components/

1 Like

Been doing some research into Plasmic, it’s an amazing looking platform!

But if anyone here is looking for an OOBE with Material UI “drag and drop” UI building, Plasmic requires specifically “registering” every single MUI component you plan to use:

1 Like

It’s definitely a hassle to register an entire component library. In the future we hope to re-examine what is possible here.

1 Like

How are you meant to know what props, variants the lot to use for plasmic with custom components like material ui?

You specify props (variants aren’t relevant here), and you only need to specify the props that make sense for the design tool to tweak. Things like event handler props (onClick etc.) and dynamic state aren’t usually specified in Plasmic but in normal code.

The MUI docs list what props are available, or else you can also find these in the Typescript interfaces.

BTW, can I ask more about your use case / what you’re looking to build?

I’m also looking for a way to use MUI and Plasmic without having to register all components (which would make it unfeasible).

I thought there might be some importer that could interpret the MUI code and register the components automatically. Or maybe someone had already done this work and could share :slight_smile:

1 Like

Just started playing with Plasmic, it’s looking great and really fills a need that’s been empty in this space.

Has there been any updates or movements on this?

1 Like

For now I can see some Ant Design 5 components installable from a plugin-kind setting.
It’s probably an evidence of its capacity of have other UI library built-in-integrated like this.

Be able to start a project with Material UI components already inserted on it would certainly bring even more value to this so much usable tool!