Explore Widgets in HXL Playground

HXL Playground (https://www.headlessexperiencelayer.com) is an interactive, browser-based tool for learning and building with the Headless Experience Layer (HXL). Describe your UI as declarative JSON, and the playground renders the UI natively across multiple surfaces.

Components: Learn about HXL components and their properties.
Widgets: Compose components into complete, reusable UI.
Tutorials: Learn HXL concepts step by step, from a single text block to a full widget.

Use the playground’s top navigation bar to switch pages. To change the theme, select light, dark, or system mode at the top of any page.

Next Steps

Browse the components reference for the properties and behavior of each component.
Work through the Tutorials to learn HXL concepts.
Compose your own widget on the Widgets page and preview it across surfaces.

Beta Feature

Headless Experience Layer is a pilot or beta service that is subject to the Beta Services Terms at Ageements - Salesforce.com or a written Unified Pilot Agreement if executed by Customer, and applicable terms in the Product Terms Directory. Use of this pilot or beta service is at the Customer's sole discretion.