Display Builder, the HTMX-powered visual builder

Session Room
Room 1 (Amphitheater Pantheon)
Time Slot
Duration
40 min
Speaker(s)
Session track
Coding & Site Building
Experience level
Intermediate

Drupal’s front stack is actually under exciting modernization. Pierre, a Core’s provisional front-end manager, will show how those changes and additions can help us build modern UI and revolutionize the display building experience.

Prerequisite

Familiarity with the current admin UI, especially display building tasks (Block Layout, Layout Builder, Views...)

Outline

HTMX has been added to Drupal 11.2 as a light javascript dependency to modernize and unify many legacy Drupal APIs: AJAX, AJAX for Views, Form States, Big Pipe…

This addition is also opening new easy ways of building modern, performant, highly interactive, user interfaces for both the admin and front UI, without the need of javascript frameworks.

One of those UI is the new Display Builder contrib module, which is leveraging HTMX, alongside many recent additions to Drupal Core, to provide a display building experience both unified (page layouts, entity displays, content and more) and powerful (design system native, live previews, iterative updates, realtime collaboration, adaptive profiles…).

From this example, we will explore together how we can modernize the UI of other Drupal modules, providing a reactive, world-class, user experience while keeping the implementation lean and maintainable.

Learning Objectives

Understand HTMX and its usage in Core

Build ambitious displays directly from admin UI

Develop easily your own dynamic admin UIs

Educational Track - Drupal in a Day Sponsors

Social Night Sponsors

In-Kind Sponsors

Media Partner Sponsors