--- sourceDocument: Australia Build or modify applications sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/application-development Release : - australia ft:locale : - en-US ft:publication_title : - Australia Build or modify applications ft:clusterId : - cadev bundleId : - cadev workflow : - Development, Data, and Analytics --- # Components for home pages # Workspace Builder components for home pages {#ariaid-title1} Release version: Australia Updated March 12, 2026 ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read Summarize ![AI sparkle icon](https://servicenow.com/docs/portal-asset/ai-sparkle-icon) Summarized using AI This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete. ## Summary of Workspace Builder Components for Home Pages Workspace Builder enables ServiceNow customers to efficiently create workspaces by utilizing various UI Builder components for home pages and contextual side panels. These components enhance the user experience and allow for customization of dashboards and landing pages. Show full answer Show less ## Key Features * **Data Visualization Components:** These components serve as containers for different chart types, allowing users to display data visually on home pages. Users can create new visualizations or repurpose existing ones from the library. * **Filter Components:** Filters can be added to data visualizations, enabling users to refine data without altering the visualizations themselves. Configuration includes selecting tables, fields, and properties for effective data filtering. * **Heading Components:** Users can add titles to their landing pages, providing context and organization to the workspace. * **Image Components:** This feature allows users to incorporate images into their landing pages, enhancing visual appeal and clarity. Users can upload custom images via URL. * **List Components:** Enables users to create lists directly on their landing pages, facilitating better organization of information. * **Rich Text Components:** Users can add explanatory text to guide users through the workspace effectively. ## Key Outcomes By leveraging these components, ServiceNow customers can create tailored home pages that improve data accessibility and user interaction. The ability to visualize data, filter information, and organize content efficiently leads to enhanced productivity and a better overall experience within the ServiceNow platform. Several UI Builder components are available as elements to build home pages and contextual side panels in Workspace Builder. Workspace Builder helps you quickly create workspaces. For complete details on all elements and components, see the [ServiceNow® Developer site](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?availability[]=Draft&availability[]=In+Progress&availability[]=Available&categories[]=Dev-Design+System&releases[]=utah&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades). ## Data visualization components {#workspace-builder-components-ref__section_ohb_2sh_fvb} The data visualization component is a container for available chart types for use in Workspace Builder home pages. Select the chart type to display data in different ways depending on your application. You can create a new data visualization or repurpose an existing data visualization by choosing it in the Select visualization from library modal and selecting Add to dashboard. For more information on data visualization components, see the following topics and sources: * [Data visualizations in Platform Analytics](https://www.servicenow.com/docs/access?context=analytics-center-data-visualizations&version=australia&pubname=australia-now-intelligence&ft:locale=en-US) * [Create a single score data visualization](https://www.servicenow.com/docs/access?context=create-dv-sing-sc-ac&version=australia&pubname=australia-now-intelligence&ft:locale=en-US) * [Developer site data visualization component listing](https://developer.servicenow.com/dev.do#!/reference/now-experience/yokohama/now-components/sn-par-visualization-base/overview) {#workspace-builder-components-ref__ul_pqd_kpd_55b-1} ## Filter components {#workspace-builder-components-ref__section_dpm_tbj_fvb} Filters enable you to filter data visualizations without modifying the visualizations. Add a filter element when working with the home page in the canvas. Then select a table, field, and other properties to configure the filter. When a user selects one or more values of the field, the filter applies to those data visualizations that are based on the same data source. For more information on using filters components to build a workspace, see the following topics and sources: * [Next Experience filters](https://www.servicenow.com/docs/access?context=interactive-filters-workspace&version=australia&pubname=australia-now-intelligence&ft:locale=en-US) * [Developer site filter component listing](https://developer.servicenow.com/dev.do#!/reference/now-experience/yokohama/now-components/sn-component-filter/overview) {#workspace-builder-components-ref__ul_yv5_zjn_2vb-1} ## Heading components {#workspace-builder-components-ref__section_jr2_nxf_2vb} Heading components are available in the home pages for workspaces. Add a title to your landing page using a heading component. The following image shows a "My Heading" heading. For more information on heading components, see the [Heading Overview on the Developer site](https://developer.servicenow.com/dev.do#!/reference/now-experience/yokohama/now-components/now-heading/overview). ## Image components {#workspace-builder-components-ref__section_zhc_gcg_2vb} Add images to your landing page with an image component. When you drag the image component icon (![Image component]()) into the preview pane, a stock image appears that you can change and resize. You can change the stock image by supplying your image's URL.{#workspace-builder-components-ref__lw-image-component-2-wb} For more information on image components, see the [Developer site image component listing](https://developer.servicenow.com/dev.do#!/reference/next-experience/yokohama/now-components/now-image/overview). ## List components {#workspace-builder-components-ref__section_y5g_1hn_2vb} Use a list component to add lists to your landing page. When you drag the list component icon (![List component]()) into the preview pane, a sample list appears.{#workspace-builder-components-ref__lw-list-component-2-wb} For more information on list components, see the [Developer site List component reference](https://developer.servicenow.com/dev.do#!/reference/next-experience/yokohama/now-components/now-record-list-connected/overview). ## Rich text components {#workspace-builder-components-ref__section_cqf_mhn_2vb} Add text to your landing page with a rich text component to explain parts of your landing page, for example, "Tackle these priority 1 incidents first." For more information on rich text components, see the [Developer site Rich text component reference](https://developer.servicenow.com/dev.do#!/reference/next-experience/yokohama/now-components/now-rich-text/overview).