Skip to main content
Webhaven

Main navigation

  • Home
  • Who it's for
    • For Experts
    • For Agencies
    • For Starters
  • ROI calculator
  • Docs
  • Get launch notified
Just launched the Webhaven demo website. Check it out! 🚀

Breadcrumb

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

Documentation

  • Documentation
    • Welcome
  • Get started
    • What is Webhaven?
    • Installation
  • Configuration
    • Drupal Canvas
    • 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.

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.

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
  • Docs
  • Free tools
  • Blog
  • Get in touch

Follow on

  • drupal profile
  • linkedin profile
  • x_twitter profile
© 2026 Webhaven.
All rights reserved.

Legal

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