● ONLINE
Primer Design System

Primer Design System

Sistemas de Design

GitHub's código aberto sistema de projetar para consistent, accessible web interfaces.

GratuitoSistemas de Design
VISITAR SITE >>

Visão Geral

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.

label.best_for

equipes construindo escalável, consistent digital products.

Principais Recursos

  • biblioteca de componentes: Reusable elements como buttons, forms, navigation, avatars, e markdown com variants para themes e states.
  • tokens de projetar: Semantic cores, tipografia, espaçamento, motion, e ícones para unified styling.
  • acessibilidade: WCAG compliance com ARIA suporte e inclusive padrões.
  • ferramentas: Figma kit para prototipagem; React e CSS bibliotecas para implementation; Storybook para exploration.

Prós

  • +Código aberto
  • +Biblioteca extensa de ícones
  • +Geração de paleta de cores
  • +Exportar para CSS/ferramentas de design

Contras

  • -A adoção requer alinhamento da equipe
  • -A personalização pode ser complexa

/// ESPECIFICAÇÕES

  • Preço:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
figma
/// Ferramentas Similares
Vuetify

Vuetify

Vuetify é um completo Vue.js framework de IU esse strictly adheres para material projetar guidelines, oferecendo rico conjunto de componentes e poderoso personalização capabilities.

A2UI

A2UI

código aberto protocol para IA agents para gerar seguro, declarative UIs através de platforms.

Watt Design System

Watt Design System

Holaluz's Figma-baseado kit de IU para consistent, accessible renewable energy interfaces.