# How do I use Builder with only the components I define?

**URL:** <https://forum.builder.io/t/how-do-i-use-builder-with-only-the-components-i-define/1102>\
**Category:** Technical Questions\
**Created:** [October 5, 2021, 1:52am UTC](https://forum.builder.io/t/how-do-i-use-builder-with-only-the-components-i-define/1102 "2021-10-05T01:52:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![steve](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/steve/32/78_2.png) [@steve](https://forum.builder.io/u/steve)\
**Post date:** [October 5, 2021, 1:52am UTC](https://forum.builder.io/t/how-do-i-use-builder-with-only-the-components-i-define/1102/1 "2021-10-05T01:52:00Z")

</div>

If you want to use Builder for React with [only your custom components](https://www.builder.io/c/docs/guides/components-only-mode), and bundle nothing else, you are in luck! We have a `lite` version of our React SDK where you can choose to import only the components you want.

To use it, change all imports from `@builder.io/react` to `@builder.io/react/lite`

```jsx
import { BuilderComponent } from '@builder.io/react/lite';

```

Additionally, you can choose to import only the built-in components you want:

```jsx
import { BuilderComponent } from '@builder.io/react/lite';

// Register only the Columns Image components
import '@builder.io/react/dist/lib/src/blocks/Columns';
import '@builder.io/react/dist/lib/src/blocks/Image';

//...
<BuilderComponent model="page" />

```

## Important notes

- You must use [components-only mode](https://www.builder.io/c/docs/guides/components-only-mode) with our lite SDK
- You must also disable the “[allow built in components](https://www.builder.io/c/docs/guides/components-only-mode#:~:text=editor%20permissions%20only-,Additional%20options,-When%20you%20turn)” option
- You may need to create a [custom insert menu](https://forum.builder.io/t/grouping-of-custom-components/861/2) for the components you want to include to show up `Builder.set({ customInsertMenu: true })`. See a full example and more info on this [here](https://github.com/BuilderIO/builder/blob/main/examples/react-design-system/src/builder-settings.js#L43)
- You must _always_ import from `@builder.io/react/lite`. One accidental import to the root `@builder.io/react` will import and register all components again. You may want to consider using a [webpack alias](https://webpack.js.org/configuration/resolve/#resolvealias) from `"@builder.io/react": "@builder.io/react/lite"` to avoid accidents