> ## Documentation Index
> Fetch the complete documentation index at: https://docs.membrane.agency/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrations UI

We recommend always building your own UI for displaying integrations (it is really simple!). That said, membrane also offers a few pre-built UI components for displaying your integrations.

## Building Integration UI

* [Custom Integrations Catalog UI](/reference/workspace-elements/integrations/integrations-catalog/custom-list-of-integrations)
* [Custom Integration UI](/reference/workspace-elements/integrations/integrations-catalog/custom-integration-ui)

## Integration Catalog UI

This component displays a full list of integrations in your workspace.

```javascript theme={null}
await membrane.open()
```

## Single Integration UI

To let your user connect or configure a single integration, do the following:

```javascript theme={null}
await membrane.integration('integration-key').open()
```