---
title: Create a demo experience to explore UI Builder
description: An experience in UI Builder is a collection of web pages for users to interact with an application. The experience includes routes, page variants, and the audience and conditions required for each variant, as well as experience settings.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/application-development/ui-builder/learn-by-example-create-experience.html
release: australia
product: UI Builder
classification: ui-builder
topic_type: task
last_updated: "2026-03-12"
reading_time_minutes: 2
breadcrumb: [Learn UI Builder by example, Learning UI Builder, UI Builder, Builder library, Developing your application, Building applications]
---

# Create a demo experience to explore UI Builder

An experience in UI Builder is a collection of web pages for users to interact with an application. The experience includes routes, page variants, and the audience and conditions required for each variant, as well as experience settings.

## Before you begin

Role required: ui\_builder\_admin

## About this task

The UI Builder experience view is a central place to view and understand the structure and details of an experience. Use the experience view to see the structure and hierarchy of your experience. You can access UI Builder experience view by selecting an existing experience from the UI Builder home screen or by creating a demo experience, as described here.

**Note:** UI Builder is not 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).

## Procedure

1.  Navigate to **All** > **Now Experience Framework** > **UI Builder**.

    \[Omitted image "nav-home-page.png"\] Alt text: UI Builder Home page.

2.  From the UI Builder Home page, select **Create**.

3.  Select **Experience**

    \[Omitted image "create-experience.png"\] Alt text: Create an experience.

4.  Enter a **Name**; for example, **Demo Experience**.

5.  Select an **App shell UI**; for example, **Workspace App Shell**.

6.  Select **Create**.

7.  Select **Open experience** to view the main page for your experience.

    \[Omitted image "experience-main-page.png"\] Alt text: Main page for your new experience

    **Note:** In addition to the name of your new experience, the screen includes the URL, application scope, admin panel, and the roles of users who can view the experience. Any pages or variants you create for the experience appear in the **Pages** section.


## What to do next

Select the **Next topic** link to learn how to create a blank page for this experience.

**Parent Topic:**[Learn UI Builder by example](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/learning-uib-by-example.md)

**Related topics**  


[Create a blank page]()

[Create a record page using a template]()

[Define an audience for your variant]()

[Define conditions for your variant]()

[Customize forms within a form component]()