Skip to main content
drupalreleases

Use direct release data with your AI assistant.

Learn more

Component Builder

Security covered Under active development 20 sites

Part of the Component ecosystem · 11 projects

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
Drupal 10–11

Ask your assistant about Component Builder

Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works

Depends on

Dependencies of the latest stable release

Required by

Tracked projects that depend on this one

No tracked projects depend on this one yet.

Activity

Tracked releases
4
Tracked since
May 2023
Latest release
1 year ago
Releases (12 mo)
0 ▼ from 3
Maintenance
Active

Release Timeline

Releases

Version Type Core PHP Release date
3.1.0 Stable 10–11 Oct 9, 2025
3.1.0-rc1 Pre-release 10–11 Aug 8, 2025
3.0.3-rc1 Pre-release 10–11 Aug 8, 2025
3.0.2 Stable 8–10 May 18, 2023