Pajamas

GitLab's open-source design system for consistent, accessible interfaces across products.

Product Overview

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.

Best For

Teams building scalable, consistent digital products.

Key Features

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.

Pros

+Open source
+Real-time collaboration
+Extensive icon library
+Scalable vector formats

Cons

-Adoption requires team alignment
-Customization can be complex

/// SPECS

Pricing:
Free
Platform:
Browser

ASSETS_DIRECTORY

figma

/// Similar Tools

Moon Design System

open-source UI framework for consistent, customizable digital experiences.

NativeBase Design System

open-source UI component library for React Native with customizable, accessible cross-platform designs.

NewsKit

News UK's open-source design system for consistent, accessible digital news experiences.

Orbit

Kiwi.com's open-source design system for consistent, accessible travel booking interfaces.

Palmetto Design System

open-source design system for consistent, accessible solar energy product interfaces.

Paste

Twilio's open-source design system for consistent, accessible communication product interfaces.

Pando Design System

Pluralsight's open-source design system for consistent, accessible web interfaces.

Porsche Design System

open-source framework for consistent, premium automotive digital interfaces.

gluestack-ui

open-source universal React UI library with customizable, accessible components for web and native apps.

Paradigm Design System

Mail.ru/VK's open-source framework for consistent web interfaces.