# How is it possible that my custom components will be converted to Builder.io components?

**URL:** <https://forum.builder.io/t/how-is-it-possible-that-my-custom-components-will-be-converted-to-builder-io-components/1730>\
**Category:** Technical Questions\
**Tags:** custom-components\
**Created:** [February 8, 2022, 1:09pm UTC](https://forum.builder.io/t/how-is-it-possible-that-my-custom-components-will-be-converted-to-builder-io-components/1730 "2022-02-08T13:09:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![radikris](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@radikris](https://forum.builder.io/u/radikris)\
**Post date:** [February 8, 2022, 1:09pm UTC](https://forum.builder.io/t/how-is-it-possible-that-my-custom-components-will-be-converted-to-builder-io-components/1730/1 "2022-02-08T13:09:28Z")

</div>

Hey, I would like to ask you, if it is possible, that my custom react code components will be converted to [builder.io](http://builder.io) components like similiarly if I would import a .json figma file?

I would like to see something like that, so I have multiple layers etc, and not only my code tag. My customhero has only divs and etc  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/f352fb1b2ce8c91fc5afc9ca280258097760950e.png)

Here is the difference between column and my customhero.

Please let me know if it is possible somehow.

---

<div class="post-metadata">

**Author:** ![ancheetah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/ancheetah/32/751_2.png) [@ancheetah](https://forum.builder.io/u/ancheetah)\
**Post date:** [February 9, 2022, 10:45pm UTC](https://forum.builder.io/t/how-is-it-possible-that-my-custom-components-will-be-converted-to-builder-io-components/1730/2 "2022-02-09T22:45:43Z")

</div>

Hi @radikris, yes this is possible with our `withChildren()` function! Check out this [forum post](https://forum.builder.io/t/react-custom-component-containing-editable-subcomponents/25) which explains how you can set this up. We also have a live demo of this in our [React Design System](https://github.com/BuilderIO/builder/tree/main/examples/react-design-system) using the [`HeroWithChildren`](https://github.com/BuilderIO/builder/blob/main/examples/react-design-system/src/components/HeroWithChildren/HeroWithChildren.builder.js) custom component. [Try it out here!](https://builder.io/fiddle/4b2e0a2e4b1a44a88a5e6f8c46cdfe7c)