UI Suite - Design Systems with Drupal

Design system meets content management system

UI Suite is an ecosystem of modules and themes that connects all Design System artifacts with Drupal UI:

	Components & variants with UI Patterns Based on Drupal Core SDC API. Expose self-contained UI Components as Drupal plugins and use them seamlessly in Drupal displays.
	Icon sets with UI Icons Integrate Drupal Core's Icon API seamlessly in Drupal development and site-building with Field API (with Link attributes), CKeditor5, Menu API, Media, a Web font extractor and a library.
	Utilities & helpers with UI Styles Allows developers to define styles from modules and themes and site builders to use them from Drupal UI.
	Themes/Modes & CSS Variables with UI Skins Allows developers to define CSS variables / themes  and site builders to use them from Drupal UI.
	Example pages with UI Examples Allows developers to provide example pages from modules or themes by defining render arrays in a YAML files.

Discover our new module: Display Builder. Leverage all UI Suite API in a modern visual builder:

Why UI Suite ?

Because Drupal is the greatest low-code CMS for data and business rules, it now needs to be low-code for theming and display management !

Without UI Suite:

With UI Suite:

For ambitious site builders

UI Suite empowers Ambitious Site Builder with the ability to connect Data and Display and configure it everywhere in the UI in a low/no-code fashion. Each module is independent from one another, but used together, they provide a full API to implement design systems.

Design system implementations

UI Suite community already provides many implementations through themes available on drupal.org. These implementations represent hundreds of components, style utilities, CSS variables, … already available in the Drupal UI ;)

Our contributors

80-100 contributors each year (2023 è 2005) from 65+ sponsor organizations, including 20 active, "strategic", contributors.

Come & join us