Drupal is a registered trademark of Dries Buytaert
Protected Pages 3.0.0 Major update available for module protected_pages (3.0.0). Commerce Core 3.3.8 Minor update available for module commerce (3.3.8). Search API HTML Element Filter 1.0.7 Minor update available for module search_api_html_element_filter (1.0.7). Layout Builder Reorder 2.0.1 Minor update available for module layout_builder_reorder (2.0.1). Ban 1.1.0 Minor update available for module ban (1.1.0). Field Formatter Range 2.0.0 Major update available for module field_formatter_range (2.0.0). Field Formatter Range 8.x-1.8 Minor update available for module field_formatter_range (8.x-1.8). Varbase Media Header 9.2.1 Minor update available for module varbase_media_header (9.2.1). Search API Solr 4.3.11 Module search_api_solr updated after 14 months of inactivity (4.3.11). Provus Mega Menu Module provus_mega_menu crossed 1,000 active installs.

Component Builder

16 sites Security covered
View on drupal.org

Component Builder provides a drag-and-drop interface for content editors to create complex pages using a library of reusable components. It saves data within Drupal's entity structure, ensuring compatibility with various Drupal features, and allows developers to create custom components.

Tutorial Video

How to create a new Component Type

General Information

  • Drupal Component Builder provides the drag & drop Builder UI to manage content page directly
  • Drupal Component Builder provides a components library to allow Drupal content editor can choose to create the complex content page directly and easily
  • Drupal Component Builder saves data to Drupal Entity structure, it's compatible with all Drupal concepts like Fields, Views, Search API, Multi-Language, Domain Access, Blocks, Region, Entity, ...
  • Drupal Component Builder is built in Drupal Standard, Entity based, Plugin based, it's totally familiar for the Drupal developers
  • Drupal site admin can enable/disable any component they want to use/not use.
  • Drupal styler can hook, preprocess, customize the template, display in theme level
  • Drupal developer can build their own custom component easily by inheriting Component Builder Plugin in their own custom module

How to use Drupal Component Builder

  • https://weebpal.com/guides/how-use-drupal-component-builder
  • Step 1: Install Drupal 9
  • Step 2: Install Component Builder module:
    • $ composer require 'drupal/inline_entity_form:^1.0@RC'
    • $ composer require 'drupal/entity:^1.3'
    • $ composer require 'drupal/component_builder:^3.0'
  • Step 3: Enable Component Builder and Component Builder Toolbar modules
  • Step 4: Activate some Component Types we want to use
  • Step 5: Add Component Builder fields to a content type/entity type
  • Step 6: Check auto redirect to Builder page
  • Step 7: Create a new content for the content type in Step 5
  • Step 8: Add some Components we need
  • Step 9: And we now have the page with anything we need.

Biography

  • Author: Hai Nguyen
  • Develop: WeebPal - Drupal Development Company
  • Sponsors:
    • Opencentric - Drupal Development Agency, Web Design Consultants
    • Sazae Pty Ltd - Global IT Firm / Australia
    • Eway Corp - Web Development, Design & Digital Marketing Solutions Iowa

Activity

Total releases
3
First release
Aug 2025
Latest release
9 months ago
Releases (12 mo)
3 ▲ from 0
Maintenance
Slowing

Release Timeline

Releases

Version Type Release date
3.1.0 Stable Oct 9, 2025
3.1.0-rc1 Pre-release Aug 8, 2025
3.0.3-rc1 Pre-release Aug 8, 2025