---
url: 'https://dxpr.com/hc/documentation/learn-drupal/drupal-glossary/drupal-canvas'
title: 'Drupal Canvas (formerly Experience Builder) | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-26T18:01:04+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Drupal Canvas, formerly Experience Builder, is a contributed visual page builder for Drupal 11.3 and later, shipped by default with Drupal CMS 2.0.'
tags:
  - 'Drupal glossary'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-26T18:01:04+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': FAQPage
      mainEntity:
        -
          '@type': Question
          name: 'Is Drupal Canvas the same thing as Experience Builder?'
          acceptedAnswer:
            '@type': Answer
            text: '<p>Yes. Experience Builder was the working name. The old drupal.org project page now says the module is Drupal Canvas, keeps the old page only for historic reasons, and sends new issues and releases to the Canvas project.</p>'
        -
          '@type': Question
          name: 'Which Drupal version does Drupal Canvas need?'
          acceptedAnswer:
            '@type': Answer
            text: '<p>Release 1.12.0 (25 September 2026) works with Drupal ^11.3, so it needs Drupal 11.3 or later. Its info file also lists core modules as dependencies, among them Media Library, which the README says Canvas needs to support images.</p>'
        -
          '@type': Question
          name: 'Does Drupal Canvas replace Layout Builder?'
          acceptedAnswer:
            '@type': Answer
            text: '<p>Not automatically. Both are separate modules that lay out pages, and Layout Builder stays in core. Canvas is a contributed module that you add with Composer. Check how your existing layouts, translations and workflows behave before you move any content.</p>'
        -
          '@type': Question
          name: 'Do I need an AI provider to use Drupal Canvas?'
          acceptedAnswer:
            '@type': Answer
            text: '<p>No. The AI assistant lives in the optional canvas_ai submodule. Only that part needs an AI provider that supports function calling, configured for the chat operation types at /admin/config/ai/settings.</p>'
    -
      '@type': TechArticle
      headline: 'Drupal Canvas (formerly Experience Builder)'
      description: 'Drupal Canvas, formerly Experience Builder, is a contributed visual page builder for Drupal 11.3 and later, shipped by default with Drupal CMS 2.0.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-26T18:01:04+0000'
      dateModified: '2026-10-26T18:01:04+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-drupal/drupal-glossary/drupal-canvas'
      articleSection: 'Drupal glossary'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-drupal/drupal-glossary/drupal-canvas'
      description: 'Drupal Canvas, formerly Experience Builder, is a contributed visual page builder for Drupal 11.3 and later, shipped by default with Drupal CMS 2.0.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn Drupal](/hc/documentation/learn-drupal) /[Drupal glossary](/hc/documentation/learn-drupal/drupal-glossary) # Drupal Canvas (formerly Experience Builder)

Drupal Canvas, formerly Experience Builder, is a contributed visual page builder for Drupal 11.3 and later, shipped by default with Drupal CMS 2.0.

 Learn DrupalDrupal glossary Last updated October 26, 2026

   ## In this guide

 Related terms

- [Single Directory Components](/hc/documentation/learn-drupal/drupal-glossary/single-directory-components)
- [Layout Builder](/hc/documentation/learn-drupal/drupal-glossary/layout-builder)
- [Paragraphs](/hc/documentation/learn-drupal/drupal-glossary/paragraphs)
- [Media Library](/hc/documentation/learn-drupal/drupal-glossary/media-library)
- [Drupal CMS](/hc/documentation/learn-drupal/drupal-glossary/drupal-cms)
- [Block](/hc/documentation/learn-drupal/drupal-glossary/block)

 [All Drupal terms from A to Z](/hc/documentation/learn-drupal/drupal-glossary)

Drupal Canvas is a module that lets editors build pages by placing components in a browser-based editor instead of filling in forms. It stores each layout as a component tree and renders it with Drupal. Site builders decide which components editors may use. On 26 October 2026 its newest release was 1.12.0.

## How it works in Drupal 11

Canvas is visual first. An editor arranges components, then wires some of their inputs to Drupal data. The layout lives in a field type called a component tree: an ordered list in which each item says which component it is, which slot it sits in and what its inputs are.

The 1.12.0 documentation lists three kinds of component. [Single Directory Components](/hc/documentation/learn-drupal/drupal-glossary/single-directory-components) bring Twig, CSS and JavaScript. Block plugins bring existing [blocks](/hc/documentation/learn-drupal/drupal-glossary/block). Code components are JavaScript and CSS written and managed in Canvas, rendered with Preact.

An input can be a static value stored with the layout, or an entity field prop: the layout stores an instruction that fetches the value from the current [node](/hc/documentation/learn-drupal/drupal-glossary/node) or another source when the page renders. Canvas only offers fields whose data matches the shape the component expects.

Three entity types matter. A Canvas page is a content entity with revisions, listed at `/admin/content/pages` and edited at `/canvas/editor/canvas_page/{id}`. A content template is a configuration entity that sets the layout for one entity type, bundle and view mode. Page templates define how pages are rendered. Canvas also ships submodules such as `canvas_ai` and `canvas_headless`.

### Status when checked

The project page, checked on 26 October 2026, lists 1.12.0 as the latest release and states that stable releases are covered by the Drupal Security Team's advisory policy. Only the 1.12 and 1.11 branches are supported; older minor versions such as 1.10 no longer are, so plan to follow new minor releases. The 1.12.0 notes introduce Brand Kit, a central place for site colors and fonts, and a revised navigation bar for page editing.

## Example

A developer adds a notice component to the theme. They open `Appearance › Components` (the `/admin/appearance/component` page) and check that the component is enabled. An editor then opens a Canvas page, drags the notice from the library into the layout and types its text. To fill an input from the content itself, a site builder maps a field of the article to that input in a content template.

## Common mistakes

- **Missing components.** A Single Directory Component that does not meet Canvas's rules never shows in the library. Among those rules, Canvas requires a props schema, a title on each prop and slot, and an example value for each required prop. `Appearance › Components` has a tab for disabled and incompatible components.
- **Handing out the code component permission.** `administer code components` is restricted because code components execute JavaScript; give it only to people you trust with code.
- **Assuming translation works through core.** The 1.12.0 guide says the core Content Translation interface does not support translating Canvas content. It suggests TMGMT or the experimental Canvas Translate module.
- **Expecting layouts to convert.** Installing Canvas leaves existing pages as they are. The 1.12.0 components documentation says a migration from Layout Builder must remain possible, but that many details are still to be figured out.

## For marketing and content teams

Canvas aims at people who build landing pages without a developer. You choose from the components that your site builders have made available, so pages stay within the approved design. The trade-off is that the component library is part of the project: a Canvas site needs a set of components, such as the Mercury theme or one built in house. Ask your team which release they run and who updates it, because the project moves in minor releases.

## With DXPR

DXPR publishes a [comparison of DXPR Builder and Drupal Canvas](/compare-dxpr/drupal-canvas), checked on 24 September 2026. It describes DXPR Builder as visual composition inside a text field that has the builder enabled, supporting Drupal 10 and 11, and Canvas as composition with Single Directory Components and code components.

## Sources

- [Drupal.org: Drupal Canvas project page](https://www.drupal.org/project/canvas)
- [Drupal.org: Experience Builder project page (renamed)](https://www.drupal.org/project/experience_builder)
- [Drupal.org: Drupal Canvas 1.12.0 release notes](https://www.drupal.org/project/canvas/releases/1.12.0)
- [Dries Buytaert: Drupal CMS 2.0 released](https://dri.es/node/6076)
- [Drupal Canvas 1.12.0: README](https://git.drupalcode.org/project/canvas/-/blob/1.12.0/README.md)
- [Drupal Canvas 1.12.0: introduction for contributors](https://git.drupalcode.org/project/canvas/-/blob/1.12.0/docs/intro.md)
- [Drupal Canvas 1.12.0: components documentation](https://git.drupalcode.org/project/canvas/-/blob/1.12.0/docs/components.md)
- [Drupal Canvas 1.12.0: translations guide](https://git.drupalcode.org/project/canvas/-/blob/1.12.0/docs/user/src/content/docs/guides/translations.mdx)
- [Drupal Canvas 1.12.0: code components guide](https://git.drupalcode.org/project/canvas/-/blob/1.12.0/docs/user/src/content/docs/code-components/index.mdx)
- [Drupal Canvas 1.12.0: AI assistant guide](https://git.drupalcode.org/project/canvas/-/blob/1.12.0/docs/user/src/content/docs/ai-assistant/index.mdx)
- [Drupal Canvas 1.12.0: module info file](https://git.drupalcode.org/project/canvas/-/blob/1.12.0/canvas.info.yml)
- [DXPR: DXPR Builder compared with Drupal Canvas](/compare-dxpr/drupal-canvas)

## Questions about Drupal Canvas

### Is Drupal Canvas the same thing as Experience Builder?

Yes. Experience Builder was the working name. The old drupal.org project page now says the module is Drupal Canvas, keeps the old page only for historic reasons, and sends new issues and releases to the Canvas project.

### Which Drupal version does Drupal Canvas need?

Release 1.12.0 (25 September 2026) works with Drupal ^11.3, so it needs Drupal 11.3 or later. Its info file also lists core modules as dependencies, among them Media Library, which the README says Canvas needs to support images.

### Does Drupal Canvas replace Layout Builder?

Not automatically. Both are separate modules that lay out pages, and Layout Builder stays in core. Canvas is a contributed module that you add with Composer. Check how your existing layouts, translations and workflows behave before you move any content.

### Do I need an AI provider to use Drupal Canvas?

No. The AI assistant lives in the optional `canvas_ai` submodule. Only that part needs an AI provider that supports function calling, configured for the chat operation types at `/admin/config/ai/settings`.

 ## Cite this definition

"Drupal Canvas (formerly Experience Builder)." DXPR Drupal glossary, https://dxpr.com/hc/documentation/learn-drupal/drupal-glossary/drupal-canvas. Last updated October 26, 2026.

 Copy  ## Related terms

- [Single Directory Components](/hc/documentation/learn-drupal/drupal-glossary/single-directory-components)
- [Layout Builder](/hc/documentation/learn-drupal/drupal-glossary/layout-builder)
- [Paragraphs](/hc/documentation/learn-drupal/drupal-glossary/paragraphs)
- [Media Library](/hc/documentation/learn-drupal/drupal-glossary/media-library)
- [Drupal CMS](/hc/documentation/learn-drupal/drupal-glossary/drupal-cms)
- [Block](/hc/documentation/learn-drupal/drupal-glossary/block)

[All Drupal terms from A to Z](/hc/documentation/learn-drupal/drupal-glossary)