Drupal Canvas

Drupal Canvas is a React-based visual builder for Drupal that enables drag-and-drop page composition while staying connected to Drupal’s structured data and SDC component system.

Canvas is a big step forward, but not an instant replacement. Most teams begin with a hybrid approach and adopt Canvas in phases as their SDC library evolves.

In Canvas 1.0, broad “turn it on everywhere” adoption isn’t the default expectation—Canvas is commonly introduced first for unstructured pages like landing pages and campaign microsites.

Canvas is built on SDC-defined components with governed options, giving editors flexibility within guardrails and preventing off-brand design drift. 

Canvas can store translatable layout data, but the user experience for complex “asymmetric” translation workflows is still maturing in 1.0—so we’ll evaluate your translation needs early.

Yes. Canvas is designed to support enterprise needs by pairing visual editing with structured content, component governance, and Drupal’s proven security and scalability.

Canvas stores layouts as structured data, making it a strong fit for headless and decoupled architectures where visual editing and clean APIs are both required.

When implemented with well-built SDCs, Canvas maintains strong performance by reusing optimized components and avoiding unstructured markup that can slow pages down.

Absolutely. Canvas relies on SDCs defined in code, allowing your design system, brand rules, and accessibility standards to be enforced consistently across all pages.

Minimal. Canvas is designed to feel intuitive for content teams, and most editors can begin building pages confidently with limited onboarding once components are in place.