This module provides an easy-to-use Drupal theme for the DSFR design system, recommended by the French government. It allows site builders to integrate DSFR components, fundamentals, and templates directly into Drupal's backend without extensive coding. The theme includes a large library of pre-built components and styles that are automatically available for use in various Drupal contexts.
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 stringsJoin us on slack #ui-suite-dsfr