A DruxtJS demo of Drupal Umami content, rendered by Nuxt A DruxtJS demo of Umami by Nuxt DruxtJS demo
Druxt playground

Entity Explorer

Pick any node on this site and any Drupal display mode, and watch the same component render it. Edit the snippet and the preview updates live.

Entity type
Entity
Display mode
Live preview Open in Storybook →

GET /en/jsonapi/node/recipe/33a99e78-456b-45d5-aeff-30632dbcfd47

Editable
How this page works

Every display mode is a component you can override

This one is components/druxt/entity/Card.vue. Drupal decides which fields the mode exposes. The component decides how they look.

Entity guide →
Built with DruxtJS

This whole magazine is one Drupal site and one Nuxt app

Blocks, menus, views, breadcrumbs, entity forms and search all come straight from Drupal's JSON:API. You override a component only when you want to.

GitHub Discord Storybook Docs
Start your own in one command
$ npx create-druxt-app@latest

Or open this site in Gitpod, with its backend, frontend and demo content.

Umami

Umami Magazine & Umami Publications is a fictional magazine and publisher for illustrative purposes only.

© 2026 Terms & Conditions

This demo Entity Explorer View source Docs Discord Storybook