La solution Drupal pour DSFR, recommandée par le Service d'Information du Gouvernement (SIG), utilisée dans de nombreuses administrations et populaire auprès des agences Drupal.
A site-builder friendly DSFR theme. Use DSFR parts (components, fondamentaux, modèles...) 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.
44 components with UI Patterns and SDC (Single Directory Components)
|
Examples: Card, Breadcumb, Button, Highlight, Quote... You can browse the pattern libraries directly inside Drupal. |  | ||||
|
Thanks to a large ecosystem, patterns are automatically available for site buidling as: layout, views row, field formatter, views styles... | ||||
17 fondamentaux with UI Styles
|
Examples: Icons, Typography, Spacing... 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. |  | ||||
6 themes with UI Skins
Switch between light, dark & mourning color schemes, or follow the system color mode.
Used by many Agencies and Ministries
Including:
Which version to pick?
2 branches are maintained:
| Branch | DSFR version | Drupal version | UI Patterns | UI Icons |
|---|---|---|---|---|
| 1.x | 1.14 | 10.3.4 & 11 | 2.x, built with SDC | yes, icons are first-class objects |
| 1.1.x | 1.12 | 10.3 & 11 | 2.x, built with SDC | yes, icons are first-class objects |
| 1.0.x | 1.14 | 9, 10 & 11 | 1.x | no, icons are enum of strings |
Join us on slack #ui-suite-dsfr
Supporting organizations:
Project information
- Ecosystem: UI Suite - Design Systems with Drupal
79 sites report using this theme- Created by g4mbini on , updated
Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
