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: