Découvrez des projets open source de qualité, soumettez des projets anonymement, puis revendiquez et éditez votre propre projet.
Un peu de curiosité. Un monde de code ouvert.
THE FIRST COLLECTIONDesign Oracle analyse un site web avec Playwright pour extraire son système de design (couleurs, typographie, composants) et l'exporter en config Tailwind v4, React JSX, JSON ou rapport DESIGN.md. Il fonctionne seul ou comme serveur MCP.
Saas UI est un système de design et un registre de composants pour les produits SaaS basés sur Chakra UI, offrant un preset, un CLI, des composants éditables, des hooks et des packages d'authentification.
Primer CSS est l'implémentation CSS du Primer Design System de GitHub, distribuée via le package npm @primer/css. Le projet est actuellement en mode de maintenance (KTLO).
Panda est un framework CSS-in-JS universel et type-safe pour les systèmes de design. Il extrait les styles au moment du build, génère du CSS moderne avec des couches de cascade et des variables, et supporte les recettes et variants.
Un serveur MCP fournissant des connaissances expertes en design et marketing pour les agents IA, couvrant l'UI/UX, le SEO, le GEO et les directives spécifiques aux plateformes web, iOS, Android et macOS.
Franken UI (franken-ui/ui) est une bibliothèque de composants UI HTML-first basée sur UIkit 3, étendue avec LitElement et inspirée de shadcn/ui. Son README annonce désormais un passage vers 0build.
Braid est le système de conception thémable de SEEK Group, distribué sous forme de bibliothèque de composants React. Il propose des thèmes, BraidProvider et des composants stylisés avec Vanilla Extract.
Le Priceline Design System est une bibliothèque de composants UI open-source créée par Priceline.com. Il vise à unifier les standards d'interface, accélérer le design et le développement, et promouvoir l'accessibilité, l'internationalisation et le design responsive. Disponible via npm (pcln-design-system) avec documentation Storybook sous licence MIT.
oh-my-design installe des références de systèmes de design et des compétences dans les agents de codage IA. Une commande ajoute 440+ références design entreprise, 28 compétences et 20 rôles spécialisés à Claude Code, Codex, Cursor et OpenCode. Génère un DESIGN.md portable avec philosophie, jetons sémantiques et contrats de composants.
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.
