DSFR Toolkit non-officiel

Le Design System de l'État est riche mais sa documentation peut être difficile à naviguer au quotidien. DSFR Toolkit regroupe des outils interactifs pour explorer rapidement les icônes, couleurs, pictogrammes, tags et grilles du DSFR, avec copie en un clic.

Icônes

662 icônes en 17 catégories. Recherchez et copiez les classes CSS.

Couleurs

Palettes de couleurs du DSFR. Backgrounds et textes avec variables CSS.

Grille

Exemples de grille DSFR. Colonnes, espacements et responsive.

Tags & Badges

Tags et badges accessibles du DSFR. Couleurs et copie du code HTML.

Pictogrammes

69 pictogrammes SVG du DSFR. Copiez les SVG, balises img ou chemins.