> This page is for Designer API.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Unlink Component (Beta)

> Convert a component instance into a plain element tree.

## `element.unlinkComponent()`

Converts a component instance into a plain element tree, detaching it from its component definition.

After unlinking, the returned element is no longer a `ComponentInstance` — it is a regular element with the same visual structure. Changes to the original component definition will no longer affect it.

This action is undoable via the Designer's undo stack.

> **Beta**
>
> These methods are in public beta and may change with future releases.

## Syntax

```typescript
element.unlinkComponent(): Promise<AnyElement>
```

## Returns

**Promise\<*AnyElement*>**

A Promise that resolves to the root element of the detached element tree.

## Example

```typescript
const elements = await webflow.getAllElements();
const componentInstance = elements.find(el => el.type === 'ComponentInstance');

if (componentInstance?.type === 'ComponentInstance') {
  const unlinkedRoot = await componentInstance.unlinkComponent();
  console.log('Unlinked element type:', unlinkedRoot.type);
  // The element is now a regular element, no longer a ComponentInstance
}
```

## Designer Ability

| Designer Ability | Locale | Branch | Workflow | Sitemode |
| :--------------- | :----- | :----- | :------- | :------- |
| **canEdit**      | Any    | Any    | Canvas   | Any      |