Next Experience Components

  • Release version: Zurich
  • Updated July 31, 2025
  • 6 minutes to read

    • The ServiceNow® Next Experience Components are the components used to build custom user interfaces. Next Experience Components was enhanced and updated in the Zurich release.

    Next Experience Components highlights for the Zurich release

    • Build rich UI experiences with prebuilt system or custom components. To view the Next Experience Components API reference, usage guidance, and ServiceNow® UI Builder setup documentation, visit the Horizon site Next Experience Components doc.
    • Use common web component patterns and principles, such as a JavaScript framework, immutable data, and simple action handlers.
    • Reuse components across multiple user interfaces to create a cohesive experience for your end users.
    • Use preset property values to configure properties and event handlers automatically for a component so that the component is ready to work when you add it to a page. Presets can connect to a controller that acts as a data resource for the component. For more information, see Automatically configure components using presets and Bind data to UI Builder pages using controllers (advanced feature).

    New in the Zurich release

    Table 1. Components
    Component Description
    AI Summary Card Organizes AI-generated summary information into a simple, easily scannable format.
    Animated icon Animated sparkle icon that indicates an entry point for a Now Assist flow or event.
    Carousel Text Cycles through a series of text messages with animated transitions. Provides visual feedback during loading states with customizable message content.
    Catalog browse Enables users to explore, search, and find the catalog items they want across multiple catalogs and categories. Users choose a catalog from a dropdown and then a category in a side panel. A selectable card for each available item in the category is displayed in the main view.
    Filter overview Provides a summary of the filters currently applied to the page. Primarily used on the list page in combination with condition builder.
    Flyout menu Organizes multiple levels of options within a hierarchical structure.
    Now Assist context menu Provides actions like generating text, creating incident or task summaries, or refining content.
    Schedule Recurrence Enables users to create and to manage recurring events with daily, weekly, monthly, and yearly frequency. Users can add additional rules like skip dates, exceptions, and validations.
    Simple timer Displays elapsed time with an optional leading icon.
    Table 2. Bundle
    Bundle Description
    Activity stream compose with modeless dialog Component bundle that contains all the functionality of Activity Stream Compose with the added functionality of modeless dialog pop-up. To add modeless dialog capabilities to the compose experience, replace the Activity Stream Compose component with this component bundle.

    Changed in this release

    Table 3. Components
    Component Enhancement
    Activity Stream
    • Dynamic translation support for emails in Activity Stream
    • Events show AI agent as author on behalf of user
    • Hide the title and move the setting toggle to compose tabs line
    • Live Presence in Activity Stream
    Activity Stream Compose

    Increased agent productivity by reducing scroll time and seamlessly stacking the compose experience with Activity Stream
    Appointment calendar
    • Updated UI Builder property labels and UI
    • Date-Time replaces mini calendar
    • Changing the month doesn't automatically select the current selected date
    • Disable categories
    • Disable previous dates and unavailable slots
    • Show event duration in event slots
    • Disable truncation in screens with resolution lower than 640 pixels
    Attachments
    • Enable uploading multiple files
    • Set restrictions on file types and size
    • Preview upload modal for viewing the selected attachments before upload
    • Rename or remove files during upload preview
    • Single-click upload for multiple files
    Button Enable the animated sparkle icon
    Button bare
    • Multi-line label text available
    • Enable the animated sparkle icon
    Button circular Enable the animated sparkle icon
    Button iconic Enable the animated sparkle icon
    Calendar
    • Add multiple columns in timeline views
    • Date-Time replaces mini calendar in timeline views
    Carousel Expose a badge on the side of the title, by adding optional text and any 1 of a variety of colors
    Checkbox Display the label slot before or after the check box
    Checklist Control size of the checklist
    Date-time
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Date-time-interval
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Email composer
    • Enable user mentions in the compose area
    • Enable digital signing and encryption of emails
    • Selecting a user pill displays user contact card
    Email composer mini
    • Option to pop out to modeless dialog
    • Enable user mentions in the compose area
    • Enable digital signing and encryption of emails
    • Selecting a user pill displays user contact card
    Email viewer Selecting a user pill displays user contact card.
    Feedback Configure the character limit in the text area of the component
    Form
    • Unsaved field indicator: An unsaved indicator that displays a black dot next to field names that have unsaved changes.
    • Field context menu hide option: Provide admins access to hidden field context menu options.
    • Label wrapping and width limit: Have field labels on a form wrap instead of truncate when the container width you specify is reached.
    Form record presence Select an active viewer's avatar to launch a customer card pop-up that contains their contact info.
    Heading Change the text alignment from start to center, end, or justify.
    iFrame Enforce consistent practices, as well as more safely compose third-party content by selecting what functionality is available to the iFrame.
    Input
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Input password
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Input phone
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Input URL
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Kanban board
    • Maximum of 3 highlighted values, 3 to 5 icons, and 1 hyperlink supported on the VTB card
    • Drag multiple, selected cards at once
    Label value tabbed
    • Set fixed width instead of auto-sizing to content
    • Enable label text wrapping instead of truncation
    Modeless dialog By default, the dialog dynamically resizes when the user types beyond the height of the dialog.
    Node map
    • Horizontal type layout that supports all key capabilities such as, custom nodes, node animation, and all edge types
    • Enhanced spacing behavior for layouts that improves spacing utilization
    • Expose unified node in UI Builder
    • Enhanced knowledge graphs with dynamic edge positioning, optimized label handling, and intuitive edge highlighting
    Playbook Improved navigation and user interface based on feedback from users.
    Playbook activity picker Improved navigation and user interface based on feedback from users.
    Playbook stage picker Improved navigation and user interface based on feedback from users.
    Predicate builder Configuration for read only
    Radio buttons
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Select
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Split button Enable the animated sparkle icon
    Textarea
    • Disable the minimum height constraint of 64 pixels
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Typeahead
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Typeahead multi
    • Pills can display a custom tooltip on hover
    • Configurable slot for unsaved field indicator
    • Enable label text wrapping instead of truncation
    Table 4. Bundles
    Bundle Enhancement
    Record list
    • Display the list in cards
    • HTML fields can be viewed without HTML tags in the list view
    • Export to Google Sheets
    • Images and icons display in the list
    • Enable live lists on a per table basis
    • Scrollable and inline editable HTML fields

    Activation information

    Next Experience Components is a ServiceNow AI Platform feature that is active by default.

    Accessibility information

    To view Next Experience Components accessibility conformance information, refer to the components section of the Horizon site Components section. The Overview for each component contains accessibility (A11y) information.

    Related ServiceNow applications and features

    UI Builder
    UI Builder is a low-code tool that helps enable you to build pages for workspace and portal web-based experiences.
    Configurable Workspace UI
    Use components to build custom workspace experiences for agents who solve internal or external customer issues.