1. General Information

  • Drupal Component Builder provides the Builder UI to allow Drupal content editor to add/edit/delete/preview/drag & drop the component directly on content/entity page
  • Drupal Component Builder provides a plug & play components library to allow Drupal content editor can choose to create the complex content page directly and easily like WordPress is
  • 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

2. Quick guide: 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:^[email protected]'
    • $ composer require 'drupal/entity:^1.3'
    • $ composer require 'drupal/component_builder'
  • 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 pages with anything we need.

3. Video introduction

4. Live editable demo

Slideshow Item 1
Slideshow Item 2
Slideshow Item 3
Slideshow Item 4
Slideshow Item 5
Slideshow Item 6
Slideshow Item 7
Slideshow Item 8
Slideshow Item 9
Slideshow Item 10

5. Quick guide: how to create new Component Type for the Drupal Developers

6. Biography

Supporting organizations:

WeebPal