Drupal Canvas: Visual Editing, Real-Time Collaboration, and a Developer-Friendly Future

Staff Reporter

Drupal just took a leap with Canvas, a visual site-building experience that replaces form-based editing with real-time, drag-and-drop page construction and live previews.

For marketers and site builders, this shift means less reliance on developers and faster workflows. Components can be dropped, styled, and populated inline, live. The Canvas experience emphasises intuitive layout adjustments and real-time collaboration, streamlining content creation for teams without sacrificing design control or flexibility.

On the technical side, Canvas is powered by code components written in JSX and CSS, rendered directly in the browser. Running on Preact, it gives frontend developers full access to APIs, dynamic page data, and a modern component development experience familiar to React users. Integration with Drupal’s Single Directory Components (SDC) means existing theme elements can be visually managed within Canvas, uniting no-code editing with a structured component system.

Canvas even includes an AI Assistant to support content generation and layout refinement during the build process. While still in beta (version 1.0.0 beta2), it represents a pivotal moment for Drupal—combining enterprise-grade capabilities with an approachable, modern interface that brings developers, designers, and marketers closer together.

Reference: Drupal Canvas: Drupal's Visual Leap by Priscilla Scarabelli (priscarabelli), Pivale (3 November 2025)

Drupal Canvas

Site Building

Single Directory Components

Disclosure: This content is produced with the assistance of AI.

Disclaimer: The opinions expressed in this story do not necessarily represent that of TheDropTimes. We regularly share third-party blog posts that feature Drupal in good faith. TDT recommends Reader's discretion while consuming such content, as the veracity/authenticity of the story depends on the blogger and their motives.

Note: The vision of this web portal is to help promote news and stories around the Drupal community and promote and celebrate the people and organizations in the community. We strive to create and distribute our content based on these content policy. If you see any omission/variation on this please reach out to us at #thedroptimes channel on Drupal Slack and we will try to address the issue as best we can.