# @gouvminint/vue-dsfr

> **VueDsfr** est un portage en [Vue 3](https://v3.vuejs.org) du [Système de Design Français](https://www.systeme-de-design.gouv.fr/) (ou DSFR) sous forme de bibliothèque de composants. Il peut s'utiliser facilement en tant que plugin.

Latest version **8.20.0** (published 2026-09-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @gouvminint/vue-dsfr
pnpm add @gouvminint/vue-dsfr
yarn add @gouvminint/vue-dsfr
bun add @gouvminint/vue-dsfr
```

Provides the command `vue-dsfr-icons`.

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 8.20.0 |
| Published | 2026-09-07 |
| First published | 2022-04-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | ^24.15.0 \|\| >=26.0.0 |
| Dependencies | 5 |
| Unpacked size | 612.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 79 |
| Maintainers | laruiss, plegaud |

## Links

- npm: https://www.npmjs.com/package/@gouvminint/vue-dsfr
- Repository: https://github.com/dnum-mi/vue-dsfr
- Homepage: https://github.com/dnum-mi/vue-dsfr#readme
- Issues: https://github.com/dnum-mi/vue-dsfr/issues
- npm.io page: https://npm.io/package/@gouvminint/vue-dsfr

## Dependencies (5)

- [vue](https://npm.io/package/vue.md) ^3.5.41
- [focus-trap](https://npm.io/package/focus-trap.md) ^8.2.2
- [vue-router](https://npm.io/package/vue-router.md) ^5.2.0
- [@gouvfr/dsfr](https://npm.io/package/@gouvfr/dsfr.md) ~1.14.4
- [focus-trap-vue](https://npm.io/package/focus-trap-vue.md) ^4.1.0

## Recent versions

- 8.20.0 (latest) — 2026-09-07
- 6.0.0-beta.1 (beta) — 2025-11-14
- 8.19.0 — 2026-08-10
- 8.18.3 — 2026-08-10
- 8.18.2 — 2026-08-10
- 8.18.1 — 2026-08-09
- 8.18.0 — 2026-08-08
- 8.17.2 — 2026-08-04
- 8.17.1 — 2026-08-04
- 8.17.0 — 2026-05-28
- 8.16.1 — 2026-03-25
- 8.16.0 — 2026-03-23
- 8.15.0 — 2026-02-20
- 8.14.0 — 2026-02-13
- 8.13.1 — 2025-12-04
- … 117 more at https://npm.io/package/@gouvminint/vue-dsfr/versions

## README

# VueDsfr

**VueDsfr** est un portage en [Vue 3](https://v3.vuejs.org) du
[Système de Design Français](https://www.systeme-de-design.gouv.fr/) (ou DSFR) sous forme de bibliothèque
de composants. Il peut s'utiliser facilement en tant que plugin.

## Comment l’utiliser

La façon la plus simple de commencer un projet est d’utiliser le package `create-vue-dsfr`, qui permet de créer un projet NPM avec le nécessaire et suffisant (ou plus, selon votre choix) pour développer un projet utilisant VueDsfr, que ce soit pour Vite (Vue3) ou pour Nuxt (Nuxt3), avec TypeScript et ESLint.

Avec npm :

```shell
npm init vue-dsfr
```

Avec pnpm :

```shell
pnpm create vue-dsfr
```

Avec yarn :

```shell
yarn create vue-dsfr
```

Et suivez les indications de l’assistant.

## Comment contribuer

### TL;DR

Les commits doivent suivre la spécification des **[Commits Conventionnels](https://www.conventionalcommits.org/fr/v1.0.0/)**

Une PR doit être faite avec une branche **à jour avec la branche `develop` en `rebase` (et sans `merge`) avant demande de fusion**,
et **la fusion doit être demandée dans `develop`.**

### Détails

Cf [le site officiel](https://vue-ds.fr/guide/guide-contributeur)

## Projets utilisant VueDsfr

- [VAO](https://vao.social.gouv.fr) : Vacances Adaptées Organisées
- [Console](https://github.com/cloud-pi-native/console) : Console de management de la plateforme Cloud Pi Native
- [Basegun](https://basegun.interieur.gouv.fr/) : identification et sécurisation d’armes à feu létales, armes d’alarme et armes factices
- [IGNF](https://ignf.github.io/cartes.gouv.fr-entree-carto/) : Vitre cartographique de [cartes.gouv.fr](https://cartes.gouv.fr)
- [Compl’Alim](https://compl-alim.beta.gouv.fr/accueil/) : Vers une circulation de compléments alimentaires sûrs et conformes
- [Aides simplifiées](https://aides.beta.numerique.gouv.fr/)
- [Mission transition écologique](https://mission-transition-ecologique.beta.gouv.fr/) : Transition écologique des entreprises
- [POOLPE](https://poolpe.ofb.gouv.fr/fr) : Le **PO**rtail d’**O**bservation des **L**iens **P**ressions-**E**cosystèmes
- [Cynodex](https://www.cynodex.interieur.gouv.fr) : (programme de certification)
- et bien d’autres (Bibliothèque numérique, ...)

## Plus d'informations

Veuillez consulter [le site officiel](https://vue-ds.fr/) pour plus d'informations.

---
_Source: https://npm.io/package/@gouvminint/vue-dsfr · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._