Warning
🚧 This project is under heavy development. 🚧 The vast majority 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 at your own risk.
GitLab open-sources the UI component library behind its Pajamas Design System, but the upstream GitLab UI implementation is built for Vue and does not officially support React.
GitLab UI for React ports that component library to React. The project aims to match the appearance, behavior, interaction patterns, and accessibility of the upstream GitLab UI components as closely as possible while providing an idiomatic, type-safe React API.
- Pajamas Design System: https://design.gitlab.com
- Upstream Repo: https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com
- A distributable package of GitLab design tokens (
packages/tokens). For the complete token reference, see the official Design Token Directory. - Foundational styles (
packages/styles/src) and a prebuilt stylesheet bundle (packages/styles/dist/gitlab-ui.css). - Basic components, including
GlButton,GlLink,GlBadge,GlCard, etc.
- Form components
- Advanced composite components
- Chart components
- Package publishing workflows
- Documents
- Compatibility and API consistency checks
Contributions to this project are welcomed. You can fork this project and start your contributing. If you don't know how to do, please follow the instruction Creating a Pull Request from a Fork.