Duplicate a component
Duplicate a configured component to reuse on a page.
Before you begin
Role required: ui_builder_admin or admin
About this task
Create an exact copy of a configured component on your page except for the name and ID. A duplicated component copies all properties, bindings, and events. The duplicated component appears directly after the component that is copied. If a tabs component is duplicated, all tabs and their children are copied as well as their names and IDs are made unique.
Procedure
-
Navigate to All > Now Experience Framework > UI Builder.
-
Open an experience to work in or create an experience by selecting Create > Experience.
See Configure how users interact with your applications in UI Builder for more information on creating experiences.
-
Open the page variant with the component you want to duplicate.
-
Select the component that you want to duplicate.
-
Right-click the component.
-
Select Duplicate.
You can also use the keyboard shortcut cmd + D (Mac) or ctrl + D (Windows).
The duplicated component appears below the copied component in the content tree.
-
Select Save.
Parent Topic:Customize UI Builder pages using components
---
title: Duplicate a component
description: Duplicate a configured component to reuse on a page.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/application-development/ui-builder/duplicate-components.html
release: brazil
product: UI Builder
classification: ui-builder
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Customize UI Builder pages using components, Working in UI Builder, UI Builder, Builder library, Developing your application, Classic app development, Building applications]
---
# Duplicate a component
Duplicate a configured component to reuse on a page.
## Before you begin
Role required: ui\_builder\_admin or admin
## About this task
Create an exact copy of a configured component on your page except for the name and ID. A duplicated component copies all properties, bindings, and events. The duplicated component appears directly after the component that is copied. If a tabs component is duplicated, all tabs and their children are copied as well as their names and IDs are made unique.
## Procedure
1. Navigate to **All** > **Now Experience Framework** > **UI Builder**.
2. Open an experience to work in or create an experience by selecting **Create** > **Experience**.
See [Configure how users interact with your applications in UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/ui-builder/work-experiences.md) for more information on creating experiences.
3. Open the page variant with the component you want to duplicate.
4. Select the component that you want to duplicate.
5. Right-click the component.
6. Select **Duplicate**.
You can also use the keyboard shortcut **cmd + D** \(Mac\) or **ctrl + D** \(Windows\).
The duplicated component appears below the copied component in the content tree.
7. Select **Save**.
**Parent Topic:**[Customize UI Builder pages using components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/ui-builder/work-components.md)
| title | Duplicate a component |
| description | Duplicate a configured component to reuse on a page. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/application-development/ui-builder/duplicate-components.html |
| release | brazil |
| product | UI Builder |
| classification | ui-builder |
| topic_type | task |
| last_updated | 2026-09-10 |
| reading_time_minutes | 1 |
| breadcrumb | Customize UI Builder pages using componentsWorking in UI BuilderUI BuilderBuilder libraryDeveloping your applicationClassic app developmentBuilding applications |