# \#custom-components **URL:** https://forum.builder.io/tag/custom-components/22.md [Latest](https://forum.builder.io/latest.md) · [Categories](https://forum.builder.io/categories.md) · [Tags](https://forum.builder.io/tags.md) --- ## [Creating editable Shopify Sections](https://forum.builder.io/t/creating-editable-shopify-sections/15485)
**Author:** [@Ecommfox](https://forum.builder.io/u/Ecommfox)\ **Replies:** 7\ **Last updated:** [June 30, 2026, 2:38pm UTC](https://forum.builder.io/t/creating-editable-shopify-sections/15485 "2026-06-30T14:38:43Z")
Creating headless themes from scratch is easier to do with Hydrogen, but I am exploring the idea of offering sections a a monthly fee - like some Shopify apps are already doing - in headless. All the sections are central… --- ## [Create Blog page](https://forum.builder.io/t/create-blog-page/15844)
**Author:** [@apatil](https://forum.builder.io/u/apatil)\ **Replies:** 3\ **Last updated:** [November 24, 2025, 3:02pm UTC](https://forum.builder.io/t/create-blog-page/15844 "2025-11-24T15:02:48Z")
I want to create a Blog Page which loads all the blogs in card structure of data model that contain blog title, image, Category, and short description. When a user clicks on Blog card , it should navigate to the detaile… --- ## [Hot reload not working after using a reference field from a custom component in the editor](https://forum.builder.io/t/hot-reload-not-working-after-using-a-reference-field-from-a-custom-component-in-the-editor/15887)
**Author:** [@TC\_Support](https://forum.builder.io/u/TC_Support)\ **Replies:** 5\ **Last updated:** [November 4, 2025, 11:28am UTC](https://forum.builder.io/t/hot-reload-not-working-after-using-a-reference-field-from-a-custom-component-in-the-editor/15887 "2025-11-04T11:28:04Z")
What are you trying to accomplish I’m integrating a custom component that uses a reference input field. Functionally, it works fine on the frontend, but in the Builder visual editor, after using this component, newly ad… --- ## [Static Custom Components](https://forum.builder.io/t/static-custom-components/15793)
**Author:** [@elir-usafacts](https://forum.builder.io/u/elir-usafacts)\ **Replies:** 4\ **Last updated:** [September 30, 2025, 2:42am UTC](https://forum.builder.io/t/static-custom-components/15793 "2025-09-30T02:42:45Z")
Can you make a static custom component which is selectable by content editors to edit fields but cannot be moved nor needs to be dragged and dropped. E.g., There is a page header on every page of a couple page model type… --- ## [Builder with Custom Components based on Bootstrap or Tailwind](https://forum.builder.io/t/builder-with-custom-components-based-on-bootstrap-or-tailwind/91)
**Author:** [@ivoecpereira](https://forum.builder.io/u/ivoecpereira)\ **Replies:** 4\ **Last updated:** [September 4, 2025, 12:14am UTC](https://forum.builder.io/t/builder-with-custom-components-based-on-bootstrap-or-tailwind/91 "2025-09-04T00:14:35Z")
Hi! I was trying to understand if it was possible to create custom components with your product and use Tailwind CSS or Bootstrap in them? Cheers --- ## [Drag-and-Drop Editor Works in Local but Not in Production (Next.js 15 + ShadCN Integration)](https://forum.builder.io/t/drag-and-drop-editor-works-in-local-but-not-in-production-next-js-15-shadcn-integration/15669)
**Author:** [@designintavo](https://forum.builder.io/u/designintavo)\ **Replies:** 17\ **Last updated:** [August 20, 2025, 7:49am UTC](https://forum.builder.io/t/drag-and-drop-editor-works-in-local-but-not-in-production-next-js-15-shadcn-integration/15669 "2025-08-20T07:49:47Z")
I’m reaching out because we’ve been running into an issue where the Builder drag-and-drop editor works fine locally but does not function in our production deployment on Vercel. I’d like to provide a detailed breakdown o… --- ## [How to access data from Builder in a React Custom Component](https://forum.builder.io/t/how-to-access-data-from-builder-in-a-react-custom-component/2618)
**Author:** [@TimG](https://forum.builder.io/u/TimG)\ **Replies:** 2\ **Last updated:** [July 25, 2025, 10:59am UTC](https://forum.builder.io/t/how-to-access-data-from-builder-in-a-react-custom-component/2618 "2025-07-25T10:59:44Z")
Often times you will want to access state data from Builder inside your custom components, either to bind a state value to some part your component, or to affect the rendering of your custom component based on state inpu… --- ## [Connect to deployed/production react native application](https://forum.builder.io/t/connect-to-deployed-production-react-native-application/15322)
**Author:** [@vishnu.r](https://forum.builder.io/u/vishnu.r)\ **Replies:** 5\ **Last updated:** [July 4, 2025, 6:14am UTC](https://forum.builder.io/t/connect-to-deployed-production-react-native-application/15322 "2025-07-04T06:14:34Z")
Builder content link I want to connect to an already deployed/ production build of a react native application. Code stack: React Native, Expo Hi so I am using react native sdk to connect with builder and have crea… --- ## [Web components wit react](https://forum.builder.io/t/web-components-wit-react/15110)
**Author:** [@almas](https://forum.builder.io/u/almas)\ **Replies:** 6\ **Last updated:** [June 17, 2025, 5:33pm UTC](https://forum.builder.io/t/web-components-wit-react/15110 "2025-06-17T17:33:27Z")
is what i am trying to do possible? i am using builder webcomponents api to build custom widgets on other shopify stores by passing \, but developing via vanilla js slows dev speed, can i… --- ## [The Image on Builder Custom Components gets inverted on dark mode](https://forum.builder.io/t/the-image-on-builder-custom-components-gets-inverted-on-dark-mode/14869)
**Author:** [@v.dihtiarenko](https://forum.builder.io/u/v.dihtiarenko)\ **Replies:** 0\ **Last updated:** [May 19, 2025, 1:56pm UTC](https://forum.builder.io/t/the-image-on-builder-custom-components-gets-inverted-on-dark-mode/14869 "2025-05-19T13:56:51Z")
Hello everyone, I’m integrating Builder Custom Component and adding a custom icon via image attribute when registering it in my Next.js app. The icon is displayed normally on a default light mode, but when I switch to … --- ## [Visual Editor breaks all richText styling](https://forum.builder.io/t/visual-editor-breaks-all-richtext-styling/1689)
**Author:** [@radikris](https://forum.builder.io/u/radikris)\ **Replies:** 20\ **Last updated:** [March 22, 2025, 2:22am UTC](https://forum.builder.io/t/visual-editor-breaks-all-richtext-styling/1689 "2025-03-22T02:22:06Z")
Hi! I have a project which I created in my Windows laptop, but now I changed for MacBook (MacBook pro), and when I try to edit one of my custom components fields, and I click on this component all of my default styling … --- ## [Can I use different style for breakpoints in defaultStyles (registerComponent())?](https://forum.builder.io/t/can-i-use-different-style-for-breakpoints-in-defaultstyles-registercomponent/3252)
**Author:** [@Nastya](https://forum.builder.io/u/Nastya)\ **Replies:** 5\ **Last updated:** [February 25, 2025, 4:42am UTC](https://forum.builder.io/t/can-i-use-different-style-for-breakpoints-in-defaultstyles-registercomponent/3252 "2025-02-25T04:42:40Z")
Hello everybody. When I register a custom component, I use the defaultStyles. Can I use different style for breakpoints? (desktop, tablet and mobile). Large breakpoint is used by default. But if i use defaultStyles: { … --- ## [The photo library is not opening and constantly displays a 'loading' state](https://forum.builder.io/t/the-photo-library-is-not-opening-and-constantly-displays-a-loading-state/7104)
**Author:** [@Umang\_001](https://forum.builder.io/u/Umang_001)\ **Replies:** 12\ **Last updated:** [January 27, 2025, 6:41am UTC](https://forum.builder.io/t/the-photo-library-is-not-opening-and-constantly-displays-a-loading-state/7104 "2025-01-27T06:41:58Z")
When I try to add an image to any of my custom components and open the photo library in the builder, it doesn’t display any images. Instead, it keeps showing the builder logo in a constant loading state. which shouldn’t … --- ## [Not able to auto import Registered Component on generating code](https://forum.builder.io/t/not-able-to-auto-import-registered-component-on-generating-code/8696)
**Author:** [@tarachand-nuvama](https://forum.builder.io/u/tarachand-nuvama)\ **Replies:** 1\ **Last updated:** [February 7, 2025, 12:48pm UTC](https://forum.builder.io/t/not-able-to-auto-import-registered-component-on-generating-code/8696 "2025-02-07T12:48:02Z")
Hello, I registered a custom component with name of figma design layer and want to auto import in generated code by figma design. Can you please suggest how It is possible? I have to purchase any plan for auto import … --- ## [How to populate a react custom component input field from api response?](https://forum.builder.io/t/how-to-populate-a-react-custom-component-input-field-from-api-response/7573)
**Author:** [@kbfsastore](https://forum.builder.io/u/kbfsastore)\ **Replies:** 1\ **Last updated:** [January 28, 2025, 12:36pm UTC](https://forum.builder.io/t/how-to-populate-a-react-custom-component-input-field-from-api-response/7573 "2025-01-28T12:36:15Z")
Hey all, for a custom component input field is there a way to make an api request to populate an enum or list? For example currently I have a string field but I want the content author to select from a list of items bas… --- ## [Custom Components for React Native](https://forum.builder.io/t/custom-components-for-react-native/7696)
**Author:** [@IvanHuang](https://forum.builder.io/u/IvanHuang)\ **Replies:** 0\ **Last updated:** [January 25, 2025, 9:58am UTC](https://forum.builder.io/t/custom-components-for-react-native/7696 "2025-01-25T09:58:39Z")
Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank. Builder content link N/A Buil… --- ## [No data connected when using sdk-react-nextjs](https://forum.builder.io/t/no-data-connected-when-using-sdk-react-nextjs/5676)
**Author:** [@anandpatel](https://forum.builder.io/u/anandpatel)\ **Replies:** 7\ **Last updated:** [January 13, 2025, 4:40pm UTC](https://forum.builder.io/t/no-data-connected-when-using-sdk-react-nextjs/5676 "2025-01-13T16:40:23Z")
I am trying to use the sdk-react-nextjs package with my Next 14 App project to achieve SSR pages. I would like to connect my Contentful blog to a Builder page which I have already enabled and configured. I am able to se… --- ## [I am not able to register component](https://forum.builder.io/t/i-am-not-able-to-register-component/7066)
**Author:** [@shreerajiih](https://forum.builder.io/u/shreerajiih)\ **Replies:** 0\ **Last updated:** [January 2, 2025, 1:03pm UTC](https://forum.builder.io/t/i-am-not-able-to-register-component/7066 "2025-01-02T13:03:03Z")
In Last day i can register the component but today { same code } i can’t register, i check lot of things for register many way, but not working, their is my code , i am using Next.js , its just hello world project. bui… --- ## [Qwik SDK - Registering Custom Components in Custom Sections](https://forum.builder.io/t/qwik-sdk-registering-custom-components-in-custom-sections/6725)
**Author:** [@manish-sharma](https://forum.builder.io/u/manish-sharma)\ **Replies:** 1\ **Last updated:** [November 7, 2024, 11:08am UTC](https://forum.builder.io/t/qwik-sdk-registering-custom-components-in-custom-sections/6725 "2024-11-07T11:08:10Z")
Handling register() in Qwik: Use Inside useVisibleTask$ for Better Performance When using Qwik (especially in combination with @builder.io/sdk-qwik), you may run into an issue when you try to call register() outside of u… --- ## [Custom components don't work in fiddle](https://forum.builder.io/t/custom-components-dont-work-in-fiddle/6679)
**Author:** [@tlee-pb](https://forum.builder.io/u/tlee-pb)\ **Replies:** 2\ **Last updated:** [November 1, 2024, 2:53pm UTC](https://forum.builder.io/t/custom-components-dont-work-in-fiddle/6679 "2024-11-01T14:53:32Z")
Builder content link Fiddle Link Builder Content Link Builder public api key 1d8ecee591ac4358befb8fe998100548 What are you trying to accomplish I am attempting to share above page as fiddle, but custom components d… --- ## [Does BuilderIO Visual Editor support custom Web Components?](https://forum.builder.io/t/does-builderio-visual-editor-support-custom-web-components/6602)
**Author:** [@jason\_hulkman](https://forum.builder.io/u/jason_hulkman)\ **Replies:** 1\ **Last updated:** [October 17, 2024, 2:58pm UTC](https://forum.builder.io/t/does-builderio-visual-editor-support-custom-web-components/6602 "2024-10-17T14:58:50Z")
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 t… --- ## [BuilderContent with Next.js App router's Server Components - bug](https://forum.builder.io/t/buildercontent-with-next-js-app-routers-server-components-bug/5085)
**Author:** [@LucasMatuszewski](https://forum.builder.io/u/LucasMatuszewski)\ **Replies:** 4\ **Last updated:** [October 6, 2024, 1:15am UTC](https://forum.builder.io/t/buildercontent-with-next-js-app-routers-server-components-bug/5085 "2024-10-06T01:15:40Z")
Hey, Can you confirm if \ should work with the new Next.js App Router inside Server Components? I tried it in many places, with different data models, also in very basic examples, and it only works in Cli… --- ## [Using named slots in Custom Components](https://forum.builder.io/t/using-named-slots-in-custom-components/3956)
**Author:** [@marinelbg](https://forum.builder.io/u/marinelbg)\ **Replies:** 4\ **Last updated:** [September 11, 2024, 10:02am UTC](https://forum.builder.io/t/using-named-slots-in-custom-components/3956 "2024-09-11T10:02:32Z")
Hi, Is it possible to use named slots in the custom components in the visual editor ? Let’s say for example, i have a component like so (in Vue): \ \ \