Layout Components is an extension of Drupal's Layout Builder that offers a rich set of pre-built components and new features to enhance the editing experience. It provides an improved, customizable interface with live previews of changes and an API for developers to add their own fields and leverage the module's extensive customization options.
This module is a extension of "Layout Builder" and provides a complete package of components and new features integrated with that system, functionality that is available on Drupal 8 and is already fully supported by Drupal 9.
With this module we want to extend the user experience by creating an improved interface, much more customizable and with aspects that are essential for us, such as the live preview of the changes while editing the content.
Layout components provides the editor with a series of components already created and available to be used out of the box.
For the experts, the module provides an API where you can add your own fields and get the benefits from all the customization that the module adds to the platform.
Examples of structures
The following examples have been generateds by the module automatically without twig.
Basic
Infinite
It is possible to generate structures within each column.
Features
Sections- Dynamic column selector
- Dynamic column changer
- Section type
- Bootstrap column size selector (sm, md, lg)
- Section background image
- Section background color
- Section Sizing (Full width, Container, Title container)
- Section Height type + size (dynamic, custom)
- Section top padding
- Section bottom padding
- Section classes
- Section attributes
- Title
- Description
- Title color + opacity
- Title type
- Title align
- Title size
- Title border (Color, Opacity, Size, Type)
- Title spacing
- Custom classes
- Custom attributes
- Column title (Type, Color, Size, Align, Border)
- Column border (Type, Size, Color, Radious)
- Column background color
- Column paddings
- Column classes
- Accordion
- Button
- Card
- Countdown
- Iframe
- Image
- Social links integration
- Tabs
- Text
- Title
- Video
- Slick integration (View selector and Section Columns)
- View Carousel integration
- LC Commands to import/export blocks in displays
- Global section/column configuration
- Sub sections in columns
Releases
Right now the 3.x version is the same as 8.x-1.x and is not required anything to change to new version, only the new will receive the future updates so we recommend port all your projects to new version.Help Us
All our collaborators dedicate extra time in addition to their working hours to help in the resolution and implementation of new functionalities completely free.
We are very happy with what we do but any help is welcome.
Do you want to become our partner? Help us to continue improving from this PayPal link or using the QR code:
Ask your assistant about Layout Components
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
- block_form_alter Drupal core
- ckeditor Drupal core
- color_field Drupal core
- ctools Drupal core
- entity_reference_revisions Drupal core
- field Drupal core
- field_group Drupal core
- file Drupal core
- filter Drupal core
- inline_entity_form Drupal core
- jquery_ui_slider Drupal core
- jquery_ui_tooltip Drupal core
- layout_builder Drupal core
- linked_field Drupal core
- media Drupal core
- media_library Drupal core
- media_library_form_element Drupal core
- options Drupal core
- sliderwidget Drupal core
- system Drupal core
- text Drupal core
- user Drupal core
- video_embed_field Drupal core
- views Drupal core
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 | |
|---|---|---|---|---|---|
| 5.0.0-beta1 | Pre-release | 9–11 | Jul 17, 2026 | ||
| 3.0.3 | Stable | 9–10 | Dec 20, 2023 | ||
| 3.0.2 | Stable | 9–10 | Dec 14, 2023 |