Mosaic
Mosaic provides a drag-and-drop interface for content creators to build pages using reusable components. It allows users to combine various elements like text, images, and cards, powered by live Drupal data through a visual query builder. This tool enables dynamic page creation without requiring coding knowledge.
Mosaic adds a drag-and-drop Mosaic Layout field to any Drupal content
entity. Authors compose pages from reusable components — headings, text,
images, cards, columns, carousels, tabs, live search — without writing
code. Each component binds to live Drupal data via a visual query builder.
Features:
- Drag-and-drop canvas (Puck + React 19, no iframe)
- PHP 8 Attribute component plugins with SDC support
- Design token entity type with CSS custom property export
- Global reusable layout templates
- Data sources: entity field, entity query, Views, external REST, context
- Lit 3 Web Components (carousel, tabs, live search) with DSD fallback
- WCAG 2.2 AA accessibility built in
- Schema versioning with queue-based migration worker
- Drush commands: export/import templates, schema health, CEM import
- No cloud dependency — works on any hosting
Documentation
Full documentation is available on the Mosaic GitLab Wiki, including:
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.