--- title: UI Builder description: 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. locale: en-US canonical_url: https://www.servicenow.com/docs/r/australia/application-development/ui-builder/ui-builder-overview.html release: australia product: UI Builder classification: ui-builder topic_type: concept last_updated: "2026-03-12" reading_time_minutes: 2 breadcrumb: [Builder library, Developing your application, Building applications] --- # UI Builder 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 Create or customize pages for workspace experiences. A [page](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/ui-builder-glossary.md) is a collection of [components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/ui-builder-glossary.md) that make up a workspace user interface. Create [variants](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/ui-builder-glossary.md) 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. \[Omitted image "layout-example.png"\] Alt text: Sample page with multiple components. 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. \[Omitted image "components-toolbox-overview.png"\] Alt text: Initial components available on the components tab in the toolbox. ## Get started with UI Builder **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://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/platform-user-interface/t_ConfigureAPage.md). ## Troubleshoot and get help with UI Builder - [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) - **[Exploring UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/create-custom-experience.md)** Explore facets of UI Builder to set you up for creating pages quickly. - **[Learning UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/learning-uib.md)** Learn how to navigate the UI Builder and explore some common use cases to learn by example. - **[Working in UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/using-ui-builder.md)** 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://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/advanced-uib.md)** 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://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/component-builder-uib.md)** Learn how to use Component Builder to assemble reusable components for your UI Builder pages. - **[UI generation](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/ui-generation-landing.md)** UI generation in ServiceNow Otto uses AI-powered skills to help app developers, UI Builder admins, and low-code developers build experiences on the ServiceNow AI Platform® using natural language. **Parent Topic:**[Builder library](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/builder-library-table.md)