# How To Duplicate A Component In Webflow

> To duplicate a component in Webflow, locate your insertion point, open the Components menu from the left sidebar, and drag the desired component into place. To create an unlinked copy, right-click the inserted instance and select Unlink Instance from the menu.

Canonical: https://livedemo.ai/tutorials/how-to-duplicate-a-component-in-webflow/
Apps: Webflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3c1dab56e05a00fe39c2/preview?step=1

## Steps

1. Locate the place you wish to insert a copy of your component.
2. Open the Components menu from the left sidebar menu.
3. Hover over the component you wish to duplicate and drag it out to where you wish to place it.
4. This will insert an instance of your component at the location. This instance will still be linked to your component, any changes made to this will also reflect on all other instances.
5. If you wish to only duplicate and use as a copy separately, right click on the instance to open a menu and select Unlink Instance from the bottom.
6. Your element is no longer connected or linked to the component as an instance. Any changes made to this will not reflect on any other instances.
7. You've now made a linked and an unlinked copy of a component in Webflow.