Drupal is a registered trademark of Dries Buytaert
cms 2.1.3 — Update released for Drupal core (2.1.3)! drupal 10.5.11 — Update released for Drupal core (10.5.11)! drupal 11.3.11 — Update released for Drupal core (11.3.11)! drupal 11.2.13 — Update released for Drupal core (11.2.13)! drupal 10.6.10 — Update released for Drupal core (10.6.10)! cms 2.1.2 — Update released for Drupal core (2.1.2)! drupal 11.1.10 — Update released for Drupal core (11.1.10)! drupal 10.5.10 — Update released for Drupal core (10.5.10)! drupal 10.4.10 — Update released for Drupal core (10.4.10)! drupal 11.2.12 — Update released for Drupal core (11.2.12)! drupal 11.3.10 — Update released for Drupal core (11.3.10)! drupal 10.6.9 — Update released for Drupal core (10.6.9)! drupal 10.6.8 — Update released for Drupal core (10.6.8)! drupal 11.3.9 — Update released for Drupal core (11.3.9)! drupal 11.3.8 — Update released for Drupal core (11.3.8)! drupal 11.3.7 — Update released for Drupal core (11.3.7)! drupal 11.2.11 — Update released for Drupal core (11.2.11)! drupal 10.6.7 — Update released for Drupal core (10.6.7)! drupal 10.5.9 — Update released for Drupal core (10.5.9)! cms 2.1.1 — Update released for Drupal core (2.1.1)!
← All modules

pdb

369 sites Security covered
View on drupal.org

This module is a javascript-framework-agnostic, progressive decoupling tool to allow custom blocks to be written by front end developers in the javascript framework of their choice, without needing to know any Drupal API's.

It keeps individual components encapsulated in their own directories containing all the css, js, and template assets necessary for them to work, and using an info.yml file to declare these components and their framework dependencies to Drupal.

Framework Submodules (Vue, React, Angular, etc)

The Vue submodule is currently the most actively developed and available here: Decoupled Blocks: Vue.js.

You can utilize Decoupled Blocks: Twig to write blocks in Twig files.

There is also a really basic Decoupled Blocks: React implementation that is minimally maintained. A "hello world" example component is provided.

The Decoupled Blocks: Angular 2 implementation had the most development originally, but is no longer actively maintained.

Similar Modules

  • Component - This is a conceptual fork of PDB but does not require using submodules.

Activity

Total releases
2
First release
Jan 2026
Latest release
4 months ago
Release cadence
1 day
Stability
50% stable

Releases

Version Type Release date
3.0.0 Stable Jan 6, 2026
3.x-dev Dev Jan 5, 2026