> 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.

# Close the extension

> Close the Designer Extension using the Webflow object

## `webflow.closeExtension()`

Close the Designer Extension using the Webflow object.

### Syntax

```typescript
webflow.closeExtension(): Promise<null>
```

### Returns

**Promise\<`null`>**

A Promise that resolves to `null`.

### Example

This ReactJSexample shows how to close the extension using a button.

```tsx
function CloseExtensionButton() {
    const handleCloseExtension = async () => {
        try {
            await webflow.closeExtension();
            console.log("Extension closed successfully.");
        } catch (error) {
            console.error("Failed to close the extension:", error);
        }
    };

    return (
        <button onClick={handleCloseExtension}>
            Close Extension
        </button>
    );
}
```

[Try this example](https://webflow.com/oauth/authorize?response_type=code\&client_id=19511de1ec410f9228d8dcbc9420e67916dea80d86d18f0c9a533eb475ea0f62)