react-dsfr

This module is a wrapper/compatibility layer for @gouvfr/dsfr, the vanilla JS/CSS
implementation of the DSFR.

For TypeScript and JavaScript projects.

• Fully TypeSafe, well documented API.
• Always in up to date with latest the DSFR evolutions. Code and Types generated from @gouvfr/dsfr.
• Exactly the same look and feel than with @gouvfr/dsfr.
• No white flash when reloading in SSR setup.
• Most components are server component ready. The others are labeled with "use client";
• Perfect integration with all major React framework: Next.js (PagesDir and AppDir), Create React App, Vue.
• All the components are implemented.
• Three shakable distribution, cherry pick the components you import.
• Optional integration with MUI. If you use MUI components they will be automatically adapted to look like DSFR components. See documentation.
• Enable CSS in JS by providing a useTheme() hooks that exposes the correct colors options and decision for the currently enabled color scheme.
• Opt-in i18n, built in text can be displayed in multiple languages and user can provide extra translations.
• Support routing libraries like react-router.