Pre-release demo of Drupal Canvas

Drupal Canvas (or Canvas for short) is Drupal's next-generation page building tool, currently under heavy development on drupal.org. This is a demo package of Drupal to try out Drupal Canvas with a demo design system and sample pages. 😎

This repository is intended to provide a throwaway demo of Drupal Canvas. Drupal Canvas is not yet stable and could change anything, at any time, without warning.

There is no update path yet; data loss is possible. Additionally, this demo project will be abandoned when Drupal CMS includes sufficient functionality to supersede the demo. That is expected around DrupalCon Vienna in October 2025.

You ABSOLUTELY SHOULD NOT use this project to build a real site.

This Is How the Demo Looks Like

Getting Started with the Demo 🚀

We strongly recommend using DDEV (version 1.24.2 or later) to run this project, since it includes everything you'll need.

Cloning the repository locally is not required!

Instead, in a terminal with DDEV installed, run the following commands to spin it up:

mkdir xb-demo
cd xb-demo
ddev config --project-type=drupal11 --docroot=web

# For DDEV v1.24.2 or newer:
ddev composer create-project phenaproxima/xb-demo --stability=dev
# For DDEV v1.24.1 or older, upgrade DDEV or run this instead:
# ddev composer create phenaproxima/xb-demo --stability=dev

ddev drush si -y
ddev drush user:login canvas/canvas_page/1/editor

Now open the link Drush generated at the end to go right into Drupal Canvas.

You don't have to use DDEV; any tech stack that supports Drupal should work just fine.

Issues and Help

• Issues found in the demo should be submitted at https://github.com/phenaproxima/xb-demo/issues
• Problems or suggestions for Drupal Canvas should be submitted at https://www.drupal.org/project/issues/canvas
• Want to chat? Find us in the #experience-builder-is-now-drupal-canvas channel on Drupal Slack.