Ce projet fournit un système de design complet pour le pass Culture, permettant aux équipes de développement et de design de créer des interfaces cohérentes et accessibles. Il centralise les tokens de design (couleurs, typographies, espacements) et génère des fichiers adaptés à différentes plateformes (web, mobile) et thèmes (clair, sombre). Le système facilite la maintenance et l'évolution des interfaces tout en garantissant une expérience utilisateur unifiée.

Ce projet fournit une bibliothèque de webcomposants prêts à l'emploi, conçus pour uniformiser et simplifier la création d'interfaces au sein de France Travail et du Réseau Pour l'Emploi. Il inclut une documentation interactive pour tester et intégrer ces composants, tout en garantissant leur conformité aux standards d'accessibilité et de design. Les composants sont alignés sur le UI Kit Figma et évoluent via une gouvernance centralisée.

Ce projet fournit des thèmes personnalisés pour Keycloak, un système d'authentification open source. Il permet d'adapter l'apparence des interfaces de connexion, de gestion de compte et d'administration pour les intégrer au système de design DSFR (Design System de l'État Français). Les thèmes sont conçus pour être facilement déployables et compatibles avec les workflows standard de Keycloak, facilitant ainsi leur adoption par les administrations ou organisations utilisant ce système.

Le projet DSFR Tokens fournit un ensemble de tokens (variables CSS) et de ressources pour standardiser l'apparence des interfaces utilisateur au sein des services publics français. Il permet aux développeurs de créer des applications cohérentes avec le Design System de l'État (DSFR), en simplifiant la gestion des couleurs, des espacements, des typographies et des composants graphiques. Ces tokens sont utilisés pour uniformiser l'expérience utilisateur et réduire les coûts de développement.

Ce projet fournit un ensemble de composants React et des définitions de catalogue pour générer des interfaces utilisateur conformes au Système de Design de l'État Français (DSFR). Il permet aux développeurs et aux IA génératives de créer des applications web accessibles, respectant les normes RGAA et les contraintes de design du DSFR, tout en restant type-safe grâce à TypeScript et Zod.

Ce projet fournit le contenu statique du site de documentation du Système de Design de l’État (DSFR), un ensemble de composants web HTML, CSS et JavaScript. Il permet aux équipes des sites Internet publics de créer des interfaces numériques de qualité, accessibles et conformes aux standards. Destiné aux équipes du Service d'Information du Gouvernement (SIG), il simplifie le développement et garantit une cohérence visuelle et fonctionnelle entre les services publics en ligne.

DSFR RTL est une extension du Système de Design de l'État (DSFR) qui permet d'adapter les interfaces utilisateur pour les langues lues de droite à gauche (RTL), comme l'arabe ou l'hébreu. Il fournit des styles et des composants prêts à l'emploi pour garantir une expérience cohérente et accessible, tout en respectant les spécificités typographiques et culturelles de ces langues.

Le projet dsfr-artwork est une librairie illustrative du Système de Design de l’État (DSFR) qui fournit un ensemble d’icônes, pictogrammes, fichiers CSS et JavaScript. Destiné exclusivement aux administrations publiques françaises, il permet de créer des interfaces numériques cohérentes, accessibles et conformes à l’identité visuelle de l’État. Les ressources sont disponibles en téléchargement ou via des gestionnaires de paquets comme NPM.

Le projet ngx-dsfr est une bibliothèque Angular permettant de créer des sites web respectant le design system du gouvernement français. Il fournit des composants d'interface utilisateur préconstruits et des styles cohérents pour tous les éléments d'interface.

VueDsfr est une bibliothèque de composants Vue 3 permettant de créer des interfaces utilisateur conformes au Système de Design Français (DSFR). Elle peut être utilisée en tant que plugin et permet de gagner du temps dans le développement web en fournissant des composants pré-construits et personnalisables.