---
sourceDocument: Zurich Build or modify applications
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/application-development

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# UI Builder

# UI Builder {#ariaid-title1}

* Release version: Zurich
* 
* Updated July 31, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

UI Builder is a web user interface builder. Use UI Builder to build pages for App Engine Studio generated workspaces or custom web experiences using Next Experience Components and custom web components.

## UI Builder overview {#ui-builder-overview__section_ijy_lmj_lpb}

Create or customize pages for workspace experiences. A [page](https://www.servicenow.com/docs/2arqazAs26lelmRHkX_Vdw#gloss-page-ui-builder "Collection of column layouts, columns, and components. Create or customize multiple UI Builder pages for workspace and portal experiences.") is a collection of [components](https://www.servicenow.com/docs/2arqazAs26lelmRHkX_Vdw#gloss-component-ui-builder "Components are used in the UI Builder to build pages. Components have an interface that an end user can view and interact with. Components can talk to each other through events and properties. Commonly used components include Heading, Image, List, Form, and Button.") that make up a workspace user interface.

Create [variants](https://www.servicenow.com/docs/2arqazAs26lelmRHkX_Vdw#gloss-variant-ui-builder "The version of a UI Builder page with access controlled by role or condition. Create variants of pages to target experiences for different audiences. For example, create a home page for agents and a variant for managers at the same URL. Alternatively, create a page variant that users see under different conditions.") of pages to target experiences for different audiences. For example, you can create a home page for agents, and a variant for managers at the same URL.  
Note:  
The ui_builder_admin role is required to complete tasks in UI Builder.

Use the UI Builder library of components to build your pages. Configure them any way that you need and then connect your organization's data to the components.

## Get started with UI Builder {#ui-builder-overview__section_ix3_4gn_kmb}

|-|-|
| [ExploreExplore UI Builder concepts and features.](https://www.servicenow.com/docs/X4MpQDLTwjmFi1cnTOjN6Q "Explore facets of UI Builder to set you up for creating pages quickly.") | [LearnLearn the basics of using UI Builder.](https://www.servicenow.com/docs/6YXsawMsU3yd~7HEccaYdw "Learn how to navigate the UI Builder and explore some common use cases to learn by example.") |
| [WorkDive deeper into configuring UI Builder experiences and pages.](https://www.servicenow.com/docs/0TX0iHM9nBf5RUAgitaCZQ "Get a full understanding of everything that you can do when creating a page for your workspace or custom portal experience in UI Builder.") | [AdvancedLearn how to add data and make your pages dynamic.](https://www.servicenow.com/docs/rFpbx9U9N5z46wPtI_pzLA "UI Builder can be used by application developers with a variety of skill levels. We recommend developers with a high level of experience, sometimes referred to as pro-coders, perform the procedures in this section.") |
[ ]

{#ui-builder-overview__table_a31_mx5_lbc}  
Note:  
UI Builder isn't yet capable of building or configuring ServiceNow base system service portals, such as the Employee Center. For service portals, continue to use the [Service Portal Designer](https://www.servicenow.com/docs/access?context=t_ConfigureAPage&version=zurich&pubname=zurich-platform-user-interface&ft:locale=en-US).

## Troubleshoot and get help with UI Builder {#ui-builder-overview__section_z5r_fjd_cnb}

* [Ask or answer questions in the UI Builder community](https://www.servicenow.com/community/next-experience/ct-p/next-experience)
* [Search the Known Error Portal for known error articles](https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0597477)
* [Learn more about how to create your own apps on the developer site.](https://developer.servicenow.com/dev.do#!/)
* [Contact Customer Service and Support](https://support.servicenow.com/now?draw=case)
{#ui-builder-overview__ul_ixn_5r5_lbc}
* **[Exploring UI Builder](https://www.servicenow.com/docs/X4MpQDLTwjmFi1cnTOjN6Q)**   
  Explore facets of UI Builder to set you up for creating pages quickly.
* **[Learning UI Builder](https://www.servicenow.com/docs/6YXsawMsU3yd~7HEccaYdw)**   
  Learn how to navigate the UI Builder and explore some common use cases to learn by example.
* **[Working in UI Builder](https://www.servicenow.com/docs/0TX0iHM9nBf5RUAgitaCZQ)**   
  Get a full understanding of everything that you can do when creating a page for your workspace or custom portal experience in UI Builder.
* **[Advanced UI Builder](https://www.servicenow.com/docs/rFpbx9U9N5z46wPtI_pzLA)**   
  UI Builder can be used by application developers with a variety of skill levels. We recommend developers with a high level of experience, sometimes referred to as pro-coders, perform the procedures in this section.
* **[Component Builder](https://www.servicenow.com/docs/aiGoU1n1dqlziqYuXZpE0g)**   
  Learn how to use Component Builder to assemble reusable components for your UI Builder pages.