Quick summary
Duplicating a component in Webflow lets you reuse existing design elements by dragging them from the Components panel and placing linked or unlinked instances anywhere on your page. Linked instances stay connected to the source component, while using Unlink Instance creates an independent copy that can be edited separately.
Steps
- Locate the target position on your canvas where you want to insert a copy of your component.
- Open the Components menu from the left sidebar.
- Hover over the component you want to duplicate and drag it to your desired location on the page.
- Understand that this inserts a linked instance of your component — any changes made to it will also reflect on all other instances.
- To use the copy independently, right-click the instance to open the context menu and select Unlink Instance from the bottom of the menu.
- Confirm that the element is now unlinked — changes made to it will no longer affect any other instances.
- You have now created both a linked and an unlinked copy of a component in Webflow.
