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

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Learn UI Builder by example

# Learn UI Builder by example {#ariaid-title1}

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

Exploring common use cases can be a great way to learn how to use UI Builder. Consider performing each of the tasks in this section in the order presented.

The following use cases are described here.
* **[Create a demo experience to explore UI Builder](https://www.servicenow.com/docs/me7rt~2jwCB4rjFnNfTPZw)**   
  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.
* **[Create a blank page](https://www.servicenow.com/docs/5l0P1FlFGSmZkSTyWMH8Vw)**   
  After creating a demo experience, you can create a blank page that you can then build on to define what the experience provides to your users.
* **[Create a record page using a template](https://www.servicenow.com/docs/kVRGpJtPzuEj8046X1u~dw)**   
  After you've created your demo experience, you can create a record page from a template. A record page shows data from a table.
* **[Define an audience for your variant](https://www.servicenow.com/docs/bIgJ7f5BfRYLH5CVbqY2Tw)**   
  An audience represents a group of users in your organization. You can define who can access this page variant by adding one or more predefined audiences.
* **[Define conditions for your variant](https://www.servicenow.com/docs/Yae9zseqbPukMZzREN4s7Q)**   
  You can define conditions to determine when a page variant is shown. The conditions are based on setting an order, and declaring the criteria that must be met for the page variant to display.
* **[Customize forms within a form component](https://www.servicenow.com/docs/xSQ7fsKao0U_hYnhWcr5yQ)**   
  Customize your form components by accessing Form Builder in UI Builder.