---
title: Portages du DSFR
shortTitle: Portages du DSFR
description: Découvrez les portages du Système de Design de l’État sur différents frameworks et technologies comme React, Vue.js, Angular, Django ou Drupal.
shortDescription: Le DSFR est porté par plusieurs communautés sur des frameworks variés. Rejoignez les discussions ou découvrez les modules.
keywords: dsfr, portages, react, vue, angular, django, drupal, codegouvfr, open source, design system, frameworks, composants, accessibilité, npm, tchap
excerpt: Le DSFR est activement porté sur React, Vue, Angular, Django, Drupal et pour mobile. Explorez les initiatives et rejoignez les canaux Tchap pour échanger avec les équipes.
summary: De nombreux portages communautaires du DSFR sont en cours pour différents environnements techniques. Retrouvez les projets maintenus par des agents publics ou des contributeurs open source, accédez à leurs dépôts GitHub et rejoignez les canaux Tchap pour participer aux discussions et aux évolutions.
order: 3
---

# Portages en cours

Le DSFR est porté sur d'autres technologies par des équipes à l'extérieur du SIG.

Nous listons ici les initiatives qui embarquent le DSFR dans son intégralité et avec lesquelles nous échangeons sur le développement. Cette liste sera mise à jour en fonction des différentes avancées de ces portages.

---

## REACT

#### @codegouvfr/react-dsfr

Un module NPM a été développé par Joseph Garrone de CodeGouvFr, la mission logiciel libre de la direction interministérielle du numérique (DINUM). [Découvrez sa solution en vidéo](https://youtu.be/5q88JgXUAY4) ou sur [son site de documentation](https://react-dsfr.etalab.studio/).

::fr-button[[Accéder au repo](https://github.com/codegouvfr/react-dsfr)]{kind=2}

---

## VUE.JS

#### Vue-dsfr

Maintenu par Stanislas Ormières, Cherif Diallo et Pierre-Louis Egaud (Ministère de l’Intérieur)

::fr-button[[Accéder au repo](https://github.com/dnum-mi/vue-dsfr)]{kind=2}

---

## ANGULAR

#### Ngx-Dsfr

Ce portage Angular est maintenu par Rémi Patriarche à l'Académie de Grenoble.

::fr-button[[Accéder au module](https://www.npmjs.com/package/@edugouvfr/ngx-dsfr)]{kind=2}

---

## DJANGO

#### Django-dsfr

Sylvain Boissel travaille sur [un portage Django](https://github.com/entrepreneur-interet-general/django-dsfr) du côté du Ministère de la Cohésion des territoires.

::fr-button[[Accéder au repo](https://github.com/entrepreneur-interet-general/django-dsfr)]{kind=2}


---

## DRUPAL

#### Ui Suite DSFR

Ce portage est développé par Pierre Dureau et Michael Fanini.

::fr-button[[Accéder au projet](https://www.drupal.org/project/ui_suite_dsfr)]{kind=2}

---

## Applications mobile

Jérémie Baboukhian (Programme interministériel France Identité) a pour projet d’adapter le DSFR au contexte des applications mobiles.

> [!NOTE]
> Vous aussi vous travaillez sur un portage ? [Contactez-nous](https://gouvfr.atlassian.net/servicedesk/customer/portals) afin que nous puissions ajouter votre projet.
