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.
Code ouvert. Horizons nouveaux.
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 COLLECTIONGitHub Dark est un projet userstyle qui applique un thème sombre à GitHub, réduisant la fatigue oculaire lors des sessions de codage. Il inclut des thèmes de coloration syntaxique pour GitHub, CodeMirror et Jupyter, et est conçu pour être utilisé avec des extensions de navigateur comme Stylus.
Material Design for Bootstrap est une bibliothèque d'interface utilisateur gratuite offrant plus de 700 composants, thèmes et modèles pour créer des sites web responsives et mobile-first. Disponible pour jQuery, Angular, React et Vue sous licence MIT.
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.
TW Elements est une bibliothèque de composants sous licence MIT pour Tailwind CSS, offrant plus de 500 composants UI interactifs et 117 blocs de design avec support du mode sombre et options de thémisation.
Anime.js est une bibliothèque d'animation JavaScript rapide et légère, dotée d'une API puissante pour animer les propriétés CSS, le SVG, les attributs DOM et les objets JavaScript.
Répertoire curaté de frameworks CSS classés par catégorie : base, sans classes, légers, polyvalents, Material Design, utilitaires, spécialisés et projets en pause.
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.
Font Awesome est une bibliothèque d'icônes et une boîte à outils largement utilisée fournissant des ressources SVG, polices et CSS pour les designers et développeurs. La version 7 est la version actuelle.
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.
Une galerie web conçue pour mettre en valeur des créations de pixel art.
Tabler est un kit UI de tableau de bord HTML gratuit sous licence MIT basé sur Bootstrap 5, proposant des mises en page prêtes à l'emploi, des composants et plus de 120 pages de démo pour les panels d'administration et applications web.
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.
Metis est un template admin Bootstrap 5 gratuit sous licence MIT, développé avec Alpine.js, Vite et SCSS. Il propose des tableaux de bord responsifs, gestion d'utilisateurs/produits/commandes, calendrier, messages, rapports, paramètres, pages d'authentification et d'erreur, ainsi que des thèmes sombre et clair.
Oruga est une bibliothèque de composants UI légère pour Vue.js 3, sans dépendance CSS. Elle propose des composants personnalisables, du tree-shaking, des thèmes et une configuration par class-mapping pour s'intégrer à Tailwind, Bulma, Bootstrap ou des styles personnalisés.
brandmd est un CLI qui extrait le système de design d'un site web vers un fichier DESIGN.md valide selon la spécification @google/design.md, fournissant un contexte de marque à Claude Code, Cursor et d'autres agents de codage.
Webcore UI est une bibliothèque de composants open-source pour Astro, Svelte et React. Elle utilise Sass pour le stylisme et propose des composants, blocs, templates, un CLI, des thèmes et des variables CSS personnalisables.
GlassKit est une bibliothèque de composants CSS sans dépendances au style glassmorphism inspirée d'iOS 26 Liquid Glass : thèmes, jetons de conception, classes utilitaires et Constructable Stylesheet pour le Shadow DOM.
Morphous est un catalogue statique basé sur TanStack Start pour des systèmes de design inspirés de la nature. Il propose des actifs de motif, des interfaces clair/sombre, des invites enregistrées et des exports de thèmes compatibles shadcn/tweakcn, avec validation, génération d'aperçus, tests et déploiement GitHub Pages.
Yeti est un framework CSS-first, sans build, pour web designers, successeur de Foundation for Sites. Il utilise des fonctionnalités CSS natives, des primitives nommées et une échelle de tokens unique, avec des composants accessibles et un manifeste lisible par machine. Actuellement en 7.0.0-alpha.