Bricks — is a new way of building pages on top of Entity Reference, Display Modes, Layout API, tabledrag.js and Flat Tables. Everything is in Drupal core that makes Bricks ultra-lightweight and developer-friendly.

In terms of concept Bricks is a new generation of Paragraphs, an alternative to Panelizer and a good friend to ECK, Inline Entity Form and your favorite WYSIWYG. Shortly, it allows you to nest Entity Reference field items using Drupal drag & drop UI (exactly like for menu or taxonomy items).


Live demo

  1. Open pre-configured sandbox.
  2. Click Launch sandbox and wait.
  3. Follow the installation (all settings should be pre-filled, don’t change them).
  4. Go to Extend and enable Bootstrap Kit Demo.
  5. Go to Appearance and set Tweme as default theme.
  6. Find an auto-created node and go to Edit mode to check magic out!
  7. Finally go to Content and create your own first Bricky page!
  8. Like it? => Support by ★ starring on, ★ starring on GitHub and/or sharing on Twitter.

Bricks+Paragraphs demo:

  1. Follow the instructions above, but using the different sandbox link.
  2. Then follow the Paragraphs setup instructions.


Default setup (Bricks/ECK/IEF):

  1. Install Bricks Default (shipped with Bricks) and its dependencies.
  2. Done! Now you can create Bricky pages (content type) using simple pre-configured ECK bricks like Text, Image, Wrapper and special Layout brick (which can render other bricks via Layout API). Use an auto-created node as a live playground.

Theming with Bootstrap 3/4:

  1. Additionally install Bootstrap Kit and its dependencies.
  2. Done! Now you can use Columns, Accordion, Carousel and Tabs components via Layout brick. Install Bootstrap Kit Demo (shipped with Bootstrap Kit) to get a sample node.

Using with Paragraphs is also natively supported.


All new Bricks for D8 has no requirements and works with ANY entity types!


  • Bricks Core gives you a Bricks field/widget/formatter pack allowing you to compose flexible content of bricks (Layouts and Entities) via draggable tree UI.
  • Bricks Inline 8.x-1.1+ allows you to create and edit bricks right in the draggable tree via Inline Entity Form.
  • Bricks Revisions 8.x-1.3+ integrates Bricks with Entity Reference Revisions.


Drupal Bricks Layout API ECK IEF ERR Paragraphs
8.3.3 1.6 1.0-alpha3 1.0-beta1 1.3 1.1
8.3.2 1.5 1.0-alpha3 1.0-beta1 1.3 1.1
8.2.6 1.2 1.0-alpha3 1.0-beta1


Supporting organizations: 
Design and collaboration

Project information