Does BuilderIO Visual Editor support custom Web Components?

General
, ,
1

Does BuilderIO visual editor support my custom Web Components?

My design system and GUI modules are based on Web Components. We are looking for a visual tool to develop more complex GUI modules or templates.

We found that BuilderIO supports importing Design Tokens and Custom Components, but we don’t know whether this Custom Component includes Custom Web Components. For example, if we directly import our custom style.css and components.js, does BuilderIO support displaying and editing it?

Is there a one-click conversion tool for the modules or components I made in BuilderIO to other CMS template languages, such as Liquid, Twig, etc.

2

Hi,

My name is Veronika and I am a Customer Engineer here at Builder.io. Thank you for your forum question!

Here are builder, we support custom web components. You can register custom web components in your code to use with the Visual Editor. This will give you the option to integrate components that are specific to your design needs and/or more complex GUI models/ templates. To do this, you will need to define the custom components/ elements and register them within Builder in your code.

You can also definitely import your own custom styles, such as your style.css, alongside your web components. Here is a helpful doc that can get you started on thinking about how you can register your custom components. Here is another helpful doc about Web Components API.

Currently, Builder.io doesn’t offer a one-click conversation tool for converting modules or components to other CMS template languages such as Liquid or Twig.

Let me know if you have any other questions,

Thank you!