Display Builder, the HTMX-powered visual builder

Drupal is finally ready for a visual building revolution.

The current modernization and unification of many frontend  APIs, thanks to the recent addition of HTMX to Core, is unlocking new easy ways of building modern, fast, 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 new visual builder:

  • Design system native: use your full design system (components, style utilities, icons, themes/modes, design tooens...) directly in Drupal 
  • Unified: asigne tool to replace Layout Builder for entity view displays, Block Layout for page displays, Views' display building feature... 
  • Modern with powerful features: drag and drop, dynamic previews, tree view, pattern presets, real-time 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.