Code ouvert. Horizons nouveaux.

Un système de conception léger, modulaire et personnalisable conçu avec vanilla CSS, utilisant des variables CSS, des principes responsives mobile-first et des pratiques d'accessibilité.

Le système de design Helsinki (HDS) est un système de design open-source provenant de la Ville d'Helsinki, offrant des composants React accessibles, des styles CSS et des jetons de design, ainsi que de la documentation et des ressources de design.

DesignMD est un outil CLI qui extrait les systèmes de design en direct depuis n'importe quelle URL — couleurs, typographie, espacements, breakpoints et états d'interaction — et génère un fichier DESIGN.md portable optimisé pour les agents de codage IA.

CompoMo (@ds-mo/ui) est une bibliothèque de composants web agnostique vis-à-vis des frameworks, basée sur Stencil.js et stylisée avec les jetons TokoMo, incluant des adaptateurs Angular, React, Vue et un serveur de métadonnées MCP.

design-md-hub est un dépôt open-source de 120 systèmes de design de marques, chacun capturé dans un fichier DESIGN.md reverse-ingénieur depuis les sites web réels, permettant aux agents IA de générer des UI conformes à la marque avec couleurs, typographie, composants et garde-fous.

Tailgrids est une bibliothèque de composants UI React open-source basée sur Tailwind CSS, proposant plus de 100 composants prêts pour la production, des blocs UI et des modèles, avec support TypeScript, accessibilité et mode sombre.

Chakra UI est un système de composants React open-source pour créer rapidement des applications web et des produits SaaS accessibles. Il propose des packages installables, supporte Next.js RSC et est sous licence MIT.

Lightswind UI est une bibliothèque de composants React documentée en anglais, distribuée via un CLI. Elle propose plus de 160 composants animés et accessibles, ainsi qu'un serveur MCP pour les outils de codage IA.

Codex est le système de conception de Wikimedia, proposant des composants Vue 3 et CSS, des jetons de conception, des icônes et un site de documentation VitePress. Il supporte l'internationalisation et respecte les normes d'accessibilité WCAG 2.1 AA.

La bibliothèque de composants React du système de design Cloudscape, open-sourcée par AWS. Fournit des composants UI accessibles et prêts à l'emploi, ainsi que des styles globaux pour créer des applications web à grande échelle, avec une documentation sur le site Cloudscape.

Skeleton est un système de design adaptatif open-source basé sur Tailwind CSS, offrant des composants prêts à l'emploi pour les frameworks web courants, ainsi qu'une documentation, un générateur de thèmes et une communauté active.

Ark UI est une bibliothèque de composants headless et non stylisés de l'équipe Chakra UI, proposant plus de 45 primitives d'interface accessibles basées sur Zag.js avec une API identique pour React, Solid, Vue et Svelte.

Carbon est le système de conception open-source d'IBM pour les produits et expériences. Ce monorepo fournit des bibliothèques React et web components, des styles Sass, des design tokens, des icônes et des outils.

@alifd/next est la bibliothèque de composants React configurable d'Alibaba Fusion pour les systèmes d'entreprise (back-office). Elle s'associe aux thèmes Fusion Design pour unifier le visuel et supporte npm ou l'installation via navigateur.

Flowbite est une bibliothèque de composants UI open-source basée sur Tailwind CSS, proposant des composants interactifs pilotés par des attributs de données, avec des API JS vanilla, des types TypeScript, le support RTL et des liaisons pour React, Vue, Svelte et Angular.

HeroUI Native est une bibliothèque de composants UI React Native sous licence Apache-2.0, conçue pour être esthétique, rapide et moderne. Elle propose une documentation, une application d'exemple et une application de prévisualisation.

designlang est un CLI Playwright qui extrait les systèmes de design depuis n'importe quel site : tokens DTCG, config Tailwind, variables Figma, thème shadcn, anatomie des composants, tokens motion, voix de marque, audits contraste WCAG, et émetteurs multi-plateformes avec serveur MCP et extension Chrome.

Arco Design Vue est une bibliothèque de composants UI pour Vue 3, offrant plus de 60 composants TypeScript, des thèmes personnalisables et s'installant via le package npm @arco-design/web-vue.

Une collection organisée de ressources, articles et outils en anglais sur les design systems pour les développeurs, couvrant les outils de conception, les design tokens, les bibliothèques de patterns et les tests.

Une bibliothèque de composants Svelte implémentant le Carbon Design System open source d'IBM, comprenant plus de 90 composants accessibles et typés, cinq thèmes intégrés, ainsi que des packages d'icônes, de pictogrammes et de graphiques.