PHPackages phenaproxima/xb-demo - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. phenaproxima/xb-demo AbandonedArchivedProject phenaproxima/xb-demo ==================== A demo of Drupal Canvas with the Drupal brand. 732.2k↓25%18[2 issues](https://github.com/phenaproxima/canvas-demo/issues)PHP Since Mar 25Pushed 3mo ago10 watchersCompare [ Source](https://github.com/phenaproxima/canvas-demo)[ Packagist](https://packagist.org/packages/phenaproxima/xb-demo)[ RSS](/packages/phenaproxima-xb-demo/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependenciesVersions (2)Used By (0) Demo of Drupal Canvas ===================== [](#demo-of-drupal-canvas) [![](https://private-user-images.githubusercontent.com/235185/463297864-c7c3283b-2580-4434-8cce-771cb02aa1f7.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzM4OTMxNjcsIm5iZiI6MTc3Mzg5Mjg2NywicGF0aCI6Ii8yMzUxODUvNDYzMjk3ODY0LWM3YzMyODNiLTI1ODAtNDQzNC04Y2NlLTc3MWNiMDJhYTFmNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMxOVQwNDAxMDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04MjE5MzJjYjVmZmNkNTE0MDUwYjAwMGI3Y2JiMDU1MTg1MWU3OWRiMjk4NzUwMGQ0OWI3NDk3MDU2MTg2MTZkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.A_XSe9Fw2UlSbwozS6Us6xjP5OqZxZBOW3jQfjzb-pU)](https://private-user-images.githubusercontent.com/235185/463297864-c7c3283b-2580-4434-8cce-771cb02aa1f7.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzM4OTMxNjcsIm5iZiI6MTc3Mzg5Mjg2NywicGF0aCI6Ii8yMzUxODUvNDYzMjk3ODY0LWM3YzMyODNiLTI1ODAtNDQzNC04Y2NlLTc3MWNiMDJhYTFmNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMxOVQwNDAxMDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04MjE5MzJjYjVmZmNkNTE0MDUwYjAwMGI3Y2JiMDU1MTg1MWU3OWRiMjk4NzUwMGQ0OWI3NDk3MDU2MTg2MTZkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.A_XSe9Fw2UlSbwozS6Us6xjP5OqZxZBOW3jQfjzb-pU)Drupal Canvas (or Canvas for short) is Drupal's next-generation page building tool, [currently under heavy development on drupal.org](https://www.drupal.org/project/canvas). 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. While Drupal Canvas is stable, **this demo was not built in a way to be used as a starting point**. Additionally, this demo project will be *abandoned* when a Drupal CMS stable release includes sufficient functionality to supersede the demo. That is expected in January 2026. **You ABSOLUTELY *SHOULD NOT* use this project to build a real site.** This Is How the Demo Looks Like ------------------------------- [](#this-is-how-the-demo-looks-like) [![Drupal Canvas Demo Screenshot](https://private-user-images.githubusercontent.com/235185/487157640-560cfd6a-3427-4afd-aeb0-d9c6fea0cd5e.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzM4OTMxNjcsIm5iZiI6MTc3Mzg5Mjg2NywicGF0aCI6Ii8yMzUxODUvNDg3MTU3NjQwLTU2MGNmZDZhLTM0MjctNGFmZC1hZWIwLWQ5YzZmZWEwY2Q1ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMxOVQwNDAxMDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01NjI2MmU4NDI3ZWUzZjExNjA5ZjMwYjRiYzVlOThhYjMxMWVhYjIxM2JiMjFjOWQ2NDdlN2Y1N2IwNjQwYjM1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.sawKxRnNKkirnest1E0oRKfeII9_TA1SnzYhQDz17I4)](https://private-user-images.githubusercontent.com/235185/487157640-560cfd6a-3427-4afd-aeb0-d9c6fea0cd5e.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzM4OTMxNjcsIm5iZiI6MTc3Mzg5Mjg2NywicGF0aCI6Ii8yMzUxODUvNDg3MTU3NjQwLTU2MGNmZDZhLTM0MjctNGFmZC1hZWIwLWQ5YzZmZWEwY2Q1ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMxOVQwNDAxMDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01NjI2MmU4NDI3ZWUzZjExNjA5ZjMwYjRiYzVlOThhYjMxMWVhYjIxM2JiMjFjOWQ2NDdlN2Y1N2IwNjQwYjM1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.sawKxRnNKkirnest1E0oRKfeII9_TA1SnzYhQDz17I4)Getting Started with the Demo 🚀 ------------------------------- [](#getting-started-with-the-demo-) We strongly recommend using [DDEV](https://ddev.com/get-started/) (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 canvas-demo cd canvas-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/editor/canvas_page/1 ``` 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-and-help) - Issues found in the demo should be submitted at - Problems or suggestions for Drupal Canvas should be submitted at - Want to chat? [Find us in the #drupal-canvas channel on Drupal Slack.](https://drupal.slack.com/archives/C072JMEPUS1) ### Health Score 33 — LowBetter than 74% of packages Maintenance57 Moderate activity, may be stable Popularity35 Limited adoption so far Community22 Small or concentrated contributor base Maturity17 Early-stage or recently created project Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/ae61434c21c9f31c54ca751eec18411ca40662da9bdd318ed135c2c82d65d197?d=identicon)[phenaproxima](/maintainers/phenaproxima) --- Top Contributors [![goba](https://avatars.githubusercontent.com/u/235185?v=4)](https://github.com/goba "goba (65 commits)")[![phenaproxima](https://avatars.githubusercontent.com/u/4504530?v=4)](https://github.com/phenaproxima "phenaproxima (52 commits)")[![kepol](https://avatars.githubusercontent.com/u/282024?v=4)](https://github.com/kepol "kepol (6 commits)")[![pameeela](https://avatars.githubusercontent.com/u/961993?v=4)](https://github.com/pameeela "pameeela (5 commits)")[![darrenoh](https://avatars.githubusercontent.com/u/2293701?v=4)](https://github.com/darrenoh "darrenoh (5 commits)")[![heyyo-droid](https://avatars.githubusercontent.com/u/81759607?v=4)](https://github.com/heyyo-droid "heyyo-droid (4 commits)")[![miloskroulik](https://avatars.githubusercontent.com/u/1777307?v=4)](https://github.com/miloskroulik "miloskroulik (2 commits)")[![JPustkuchen](https://avatars.githubusercontent.com/u/637807?v=4)](https://github.com/JPustkuchen "JPustkuchen (1 commits)")[![aangelinsf](https://avatars.githubusercontent.com/u/194045?v=4)](https://github.com/aangelinsf "aangelinsf (1 commits)") ### Embed Badge ![Health badge](/badges/phenaproxima-xb-demo/health.svg) ``` [![Health](https://phpackages.com/badges/phenaproxima-xb-demo/health.svg)](https://phpackages.com/packages/phenaproxima-xb-demo) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)