Primer Design System
GitHub's ouvrir source système de concevoir pour consistent, accessible web interfaces.
Aperçu du Produit
Primer is GitHub's official open-source design system, providing reusable UI components, patterns, and guidelines to build consistent, accessible, and performant web experiences across GitHub products and third-party integrations. It includes Primer React (components), Primer Primitives (low-level tokens), and Primer CSS for flexible implementation, with a focus on developer productivity, modularity, and GitHub's brand language. Component Library: Reusable elements like buttons, forms, navigation, avatars, and markdown with variants for themes and states. Design Tokens: Semantic colors, typography, spacing, motion, and icons for unified styling. Accessibility: WCAG compliance with ARIA support and inclusive patterns. Tools: Figma kit for prototyping; React and CSS libraries for implementation; Storybook for exploration.
Idéal pour
équipes construction évolutif, consistent digital products.
Fonctionnalités Clés
- bibliothèque de composants: Reusable elements comme buttons, forms, navigation, avatars, et markdown avec variants pour themes et states.
- jetons de concevoir: Semantic couleurs, typographie, espacement, motion, et icônes pour unified styling.
- accessibilité: WCAG compliance avec ARIA support et inclusive motifs.
- outils: Figma kit pour prototypage; React et CSS bibliothèques pour implementation; Storybook pour exploration.
Avantages
- +Open source
- +Bibliothèque d'icônes étendue
- +Génération de palettes de couleurs
- +Export vers CSS/outils de design
Inconvénients
- -L'adoption nécessite l'alignement de l'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser
Palmetto Design System
ouvrir source système de concevoir pour consistent, accessible solar energy product interfaces.
Paste
Twilio's ouvrir source système de concevoir pour consistent, accessible communication product interfaces.
Pando Design System
Pluralsight's ouvrir source système de concevoir pour consistent, accessible web interfaces.
Porsche Design System
ouvrir source framework pour consistent, premium automotive digital interfaces.
Radius Design System
Rangle's Meta-framework accelerating custom système de concevoir creation avec outils et kits.
Salt Design System
J.P. Morgan's ouvrir source framework pour accessible, personnalisable financial interfaces.
Slack Block Kit
modular framework d'IU pour construction riche, interactif messages et apps dans Slack.
SmartHR UI
ouvrir source React bibliothèque de composants pour consistent, accessible HR plateforme interfaces.
U.S. Web Design System
web système de concevoir: official U.S. government framework pour consistent, accessible public digital services.
Paradigm Design System
Mail.ru/VK's ouvrir source framework pour consistent web interfaces.