Custom Qwik Components

Has anyone tried to use custom components with Qwik.js? I just got it up and running and now I cant seem to use custom coded components. It looks like its well documented for Next.js but that uses react and Qwik.js does not I added the dependency by it self and well that fix this issue but threw up another one about react.

Hi @domcogan ! Thank you for the feedback on our documentation with Qwik, this is definitely something we are looking to improve. How are you integrating your custom component? You can see some examples in the links below:

But essentially within your <RenderContent/> component, you just pass your custom components as an array of objects the define input fields for Builder, something like this:

export const MyCustomComponent = component$((props) => {

  return (

export const CUSTOM_COMPONENTS = [
    component: MyCustomComponent, //the name of your component in code
    name: 'My Custom Component', //the name of component that will display in Builder
    inputs: [{name: 'text', type: 'string'}] //definition of the various inputs for your component


Hope this helps, let me know if you have any questions or if you’d like to share a code snippet where you are having trouble we can look into it