Introduction
A type-safe React implementation of GitLab's Pajamas Design System
On this page
This docs is LLM-friendly and available as clean Markdown.
GitLab UI for React ports the component library behind GitLab’s Pajamas Design System from Vue to React. It aims to match the appearance, behavior, interaction patterns, and accessibility of the upstream GitLab UI components while providing an idiomatic, type-safe React API.
Warning
🚧 This project is under heavy development. 🚧
Most of the code and tests were written by AI (Codex and Kimi Code). Humans direct architecture, priorities, and design decisions, but have not reviewed most of the code line by line. Use it at your own risk.
What is available
- A distributable package of GitLab design tokens in
packages/tokens. See the official Design Token Directory for the complete token reference. - Foundational styles in
packages/styles/srcand a prebuilt stylesheet bundle atpackages/styles/dist/gitlab-ui.css. - Basic components including
GlButton,GlLink,GlBadge, andGlCard. - Form components, including
GlFormInput,GlFormTextarea,GlFormCheckbox,GlFormRadio,GlFormSelect, etc.
Work in progress
The project is actively expanding its component coverage. Current areas of work include:
- Advanced form components
- Advanced composite components
- Chart components
- Documentation