UI Suite Protocol

A site-builder friendly Mozilla Protocol theme. Use design system parts (components, fundamentals and layouts) directly from Drupal backoffice (layout builder, manage display, views, blocks, flags...) in a low-code way.

This theme is built with UI Suite

UI Suite Initiative provides a cohesive set of modules to implement full design systems while preserving and improving the Drupal site building experience.

22 components with UI Patterns

Examples: Card, Billboard, Button, Menu, Picto...

You can browse the pattern libraries directly inside Drupal: /patterns ; for example, the 'card' pattern is available here: /patterns/card.

Thanks to a large ecosystem, patterns are automatically available for site buidling as: layout, views row, field formatter, views styles...

2 fundamentals with UI Styles

Examples: Heading, Colors... You can browse the styles libraries directly inside Drupal: /styles

The styles are automatically available for site building inside layout builder's blocks & layouts, as views plugins, and from ckeditor.

4 layouts with Layout Options

A simple grid_row component is already set as a pattern for simple use cases. For more complex use cases, those layouts are automaticaly available as configurable layout plugins.

1 example page with UI Examples

You can browse the example pages directly inside Drupal: /examples