> For the complete documentation index, see [llms.txt](https://next-docs.cloudio.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://next-docs.cloudio.io/ui/custom-component.md).

# Custom Component

If you are unable to find something within the existing 350+ components and actions, you can build your own custom React Component using [MUI Component library](https://mui.com/components/). Once a custom component is built, it can then be used like any other standard component in the page designer.

Custom Components comes with built-in version management and change history. One can install a specific version of the component in one application and install a different version in an another application.

To define a new custom component, navigate to the Component Store tab on the sidebar

![](https://754235390-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MZ64BhrvkgPMyL9F3tk%2Fuploads%2Fgit-blob-c44664c1111efb6322aabde768c924506fee2c4e%2Fimage%20\(46\).png?alt=media)

> Edit Component Tab

![](https://754235390-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MZ64BhrvkgPMyL9F3tk%2Fuploads%2Fgit-blob-acfa36face21baeb8204e4de5370c561c23af830%2Fimage%20\(45\).png?alt=media)