Drupal Canvas Signals Shift to Visual, Component-Based Site Building

Drupal Canvas introduces a visual, component-based approach to site building, replacing the earlier Experience Builder initiative as part of Drupal’s evolving CMS direction.

A post published by Drupal Forge presents Canvas as a unified, browser-based editing system that brings site-building workflows into a single interface. Instead of navigating multiple backend configuration layers, editors can assemble layouts visually while working with structured data. The system is built on Single Directory Components, where each UI element encapsulates its structure, styling, and behaviour, and uses a props and slots model to support configurable and nested layouts.

The article also highlights features such as global regions and reusable patterns for managing consistent design across a site. While Canvas introduces drag-and-drop editing for content creators, it also includes a code component editor supporting React (JSX) and Tailwind CSS, allowing developers to build interactive elements within the same workflow. Positioned within broader initiatives such as Drupal CMS (Starshot), Canvas reflects a shift toward integrating visual editing with component-driven architecture rather than replacing Drupal’s existing strengths in structured data and scalability.