Pajamas

GitLab's código aberto sistema de projetar para consistent, accessible interfaces através de products.

Visão Geral

Pajamas is GitLab's official open-source design system, providing reusable UI components, patterns, guidelines, and tools to build consistent, accessible, and scalable user experiences across GitLab's web applications and ecosystem. It emphasizes modularity, inclusivity, and developer-designer collaboration with a comprehensive Figma library, React components (via GitLab UI), and detailed documentation, ensuring alignment with GitLab's user-centered principles. Component Library: Reusable elements like buttons, forms, navigation, tables, modals, and alerts with variants for themes and states. Design Tokens: Semantic colors, typography, spacing, icons (GitLab SVG Icons), and motion for unified branding. Accessibility: WCAG 2.1 AA compliance with ARIA support, keyboard navigation, and inclusive patterns. Tools: Figma kit for prototyping; GitLab UI React library for implementation; Storybook for component exploration.

Melhor para

equipes construindo escalável, consistent digital products.

Principais Recursos

biblioteca de componentes: Reusable elements como buttons, forms, navigation, tables, modals, e alerts com variants para themes e states.
tokens de projetar: Semantic cores, tipografia, espaçamento, ícones (GitLab SVG ícones), e motion para unified branding.
acessibilidade: WCAG 2.1 AA compliance com ARIA suporte, keyboard navigation, e inclusive padrões.
ferramentas: Figma kit para prototipagem; GitLab IU React biblioteca para implementation; Storybook para componente exploration.

Prós

+Código aberto
+Colaboração em tempo real
+Biblioteca extensa de ícones
+Formatos vetoriais escaláveis

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

Paste

Twilio's código aberto sistema de projetar para consistent, accessible communication product interfaces.

Moon Design System

código aberto framework de IU para consistent, personalizável digital experiences.

NativeBase Design System

código aberto IU biblioteca de componentes para React nativo com personalizável, accessible multiplataforma designs.

NewsKit

News UK's código aberto sistema de projetar para consistent, accessible digital news experiences.

Orbit

Kiwi.com's código aberto sistema de projetar para consistent, accessible travel booking interfaces.

Palmetto Design System

código aberto sistema de projetar para consistent, accessible solar energy product interfaces.

Pando Design System

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

Porsche Design System

código aberto framework para consistent, premium automotive digital interfaces.

gluestack-ui

código aberto universal React biblioteca de IU com personalizável, accessible componentes para web e nativo apps.

Paradigm Design System

Mail.ru/VK's código aberto framework para consistent web interfaces.