Skip to main content
Take a look at the live Drupal demo site. 🚀
Webhaven

Main navigation

  • Home
  • Who it's for
    • For Experts
    • For Agencies
    • For Starters
  • ROI calculator
  • Docs
  • Get launch notified

Breadcrumb

  1. Home
  2. Webhaven documentation
  3. Configuration
  4. Drupal Canvas

Documentation

  • Documentation
    • Welcome
  • Get started
    • What is Webhaven?
    • Install with DDEV
    • Install without DDEV
    • Webhaven commands
    • Deploying your site
  • Configuration
    • Drupal Canvas
    • Multilingual
    • Site settings
  • Theming
    • Introduction
    • Theme structure
    • Create a custom theme
    • Single Directory Components (SDC)
    • Component structure
    • An example component
  • Handy resources
    • Roadmap
    • What are Drupal recipes?
    • What is a Drupal site template?
    • What is Drupal Canvas?
    • Drupal Canvas vs Layout Builder vs Paragraphs
    • What is DDEV?
    • Useful DDEV commands
    • What is Drush?
    • Useful Drush commands

Drupal Canvas

Webhaven ships with a complete set of Drupal Canvas building blocks, layouts, components, sections, and atoms.

This allows editors to assemble polished, on-brand pages without any manual configuration.

Image
Webhaven with Drupal Canvas editor

What Webhaven ships with

  • Layouts control the arrangement of your components. They handle spacing and organization so everything stays balanced and scales perfectly across every screen size.
  • Components are pre-configured elements that handle specific tasks. You drop them straight into your layouts to add functionality while keeping the design consistent.
  • Sections are pre-built, ready-to-use content blocks. Think of them as Lego pieces you assemble to build polished pages fast, with no manual configuration needed.
  • Atoms are the smallest building blocks, things like buttons, titles, and labels. They live inside layouts, components, and sections to keep your design system consistent everywhere.

What if I don't want them all?

The best way is to go to /admin/appearance/component and disable the components you don't need.

Previous page Deploying your site Next page Multilingual

You've seen how it works. Now see what it's worth.

See how much time and money Webhaven saves on every Drupal project.
Calculate my savings
Webhaven
Ship your best Drupal work, faster.

Links

  • Who it's for
  • Get launch notified
  • Demo
  • Docs
  • Free tools
  • Blog
  • Get in touch

Follow on

  • Our Drupal profile
  • Our LinkedIn profile
  • Our X profile
© 2026 Webhaven.
All rights reserved.

Legal

  • Privacy policy
  • Terms of service
  • Accessibility
  • Login
Built with