Skip to content
DruxtJS

The Fully Decoupled Drupal Framework

Druxt is a framework for building fully decoupled Drupal and Nuxt.js applications and sites.

npx giget@latest gh:druxt/quickstart#develop my-druxt-site --install

JSON:API client and store

A JSON:API client and Vuex store modules keep Drupal entities, resources and relationships in sync on the frontend.

Themeable Vue components

The DruxtWrapper pattern lets you override any component, down to a single field, without forking the library.

Multilingual and proxy support

Language negotiation and a request proxy work out of the box for multilingual Drupal sites.

Modules

Adopt the whole framework, or only the parts you need.

All modules
Blo

Blocks

Drupal Block and Block Region Druxt components.

Bre

Breadcrumb

Decoupled Router based Breadcrumb Druxt component.

Ent

Entity

Drupal Display Mode powered Entity, Form and Field Druxt components.

Men

Menu

Drupal Menu and Menu item Druxt components, with support for the JSON:API Menu Items module.

Rou

Router

Drupal router for Nuxt, powered by the Drupal Decoupled Router module.

Sch

Schema

Drupal Content Entity schema generator for Druxt with support for View and Form displays.

Sit

Site

Out of the box Decoupled Drupal sites with Druxt.

Vie

Views

Drupal Views components for Druxt with support for filters, pagination and sorting.