Bricks provides a user-friendly way to build pages by nesting entity references with a drag-and-drop interface, similar to menus. It acts as an alternative to Paragraphs and integrates with Layout API for a flexible content creation experience.
Bricks needs new maintainers
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).
Updates
- New: As of 8.x-1.6 Bricks supports Layout API!
- ↳ It’s recommended to migrate from Bricks Bootstrap to Bootstrap Kit (but not required).
- June 23, 2017: Session: Entity Reference as a Component-based Site Builder at Design 4 Drupal Boston 2017 by Anton Staroverov
Live demo
- Open pre-configured sandbox.
- Click Launch sandbox and wait.
- Follow the installation (all settings should be pre-filled, don’t change them).
- Go to Extend and enable Bootstrap Kit Demo.
- Go to Appearance and set Tweme as default theme.
- Find an auto-created node and go to Edit mode to check magic out!
- Finally go to Content and create your own first Bricky page!
- Like it? => Support by ★ starring on Drupal.org, ★ starring on GitHub and/or sharing on Twitter.
Bricks+Paragraphs demo:
- Follow the instructions above, but using the different sandbox link.
- Then follow the Paragraphs setup instructions.
Installation
Default setup (Bricks/ECK/IEF):
- Install Bricks Default (shipped with Bricks) and its dependencies.
- 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:
- Additionally install Bootstrap Kit and its dependencies.
- 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.
Requirements
All new Bricks for D8 has no requirements and works with ANY entity types!
Submodules
- 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.
Compatibility
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 — —
Documentation • FAQ • Follow
Featured by:
- smartsheet.com
- https://www.drupal.org/project/entity_reference_layout
- https://www.hojtsy.hu/drupalcares-9
Ask your assistant about Bricks
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
Activity
Release Timeline
Releases
| Version | Type | Core | PHP | Release date | |
|---|---|---|---|---|---|
| 2.1.5 | Stable | 10–11 | Feb 27, 2025 | ||
| 2.1.4 | Stable | 10–11 | Nov 25, 2024 | ||
| 2.1.3 | Stable | 9–10 | Nov 18, 2024 | ||
| 2.1.2 | Stable | 9–10 | Mar 20, 2024 | ||
| 2.1.1 | Stable | 9–10 | Nov 30, 2023 | ||
| 2.1.0 | Stable | 9–10 | Jul 20, 2023 | ||
| 2.1.0-alpha2 | Pre-release | 9–10 | May 26, 2023 | ||
| 2.1.0-alpha1 | Pre-release | 9–10 | Mar 10, 2023 |