I am exploring several low-code/no-code platform and based on my research I have some basic questions and I request support before I deep dive into Builder IO.
Does Builder IO provide support for MUI input elements and MUI UI elements like Stack, Grid etc. ?
Does Builder IO provide support of third party package integration and integrate it automatically while converting figma to code?
Can I use Builder IO in my current code architecture or any existing project?
Hey @Jatan_Trivedi welcome to the Builder forum. Letβs go through each of your questions and clarify how Builder.io can support your needs:
1. Does Builder IO provide support for MUI input elements and MUI UI elements like Stack, Grid etc. ? Builder.io does not come with native support for MUI (Material-UI) elements out-of-the-box. However, you can integrate MUI components by registering them as custom components within Builder.io.
2. Does Builder IO provide support of third party package integration and integrate it automatically while converting figma to code? Builder.io allows you to integrate third-party packages, but it does not automatically integrate these packages during Figma to code conversion. The process involves manually integrating the third-party packages after the design is converted from Figma.
Steps for Third-Party Package Integration:
Install Third-Party Packages: Use your package manager (e.g., npm or yarn) to install the required packages in your project.
Register Third-Party Components: Register the third-party components with Builder.io similar to how you would register MUI components.
Enhance Figma Generated Code: After converting the design from Figma to Builder.io, manually enhance the generated code to use or wrap necessary third-party components.
3. Can I use Builder IO in my current code architecture or any existing project?
Yes, you can integrate Builder.io into your existing code architecture and projects. Builder.io provides SDKs for various frameworks such as React, Vue, and Next.js, allowing seamless integration with existing projects. Please refer to our Quickstart guide for a step-by-step guide on the integration.