About this project

GitLab UI for React (glui) is a React port of the component library behind GitLab's Pajamas Design System. GitLab publishes the upstream UI implementation for Vue, and it does not officially support React; this project reimplements that component set for React, aiming to match the appearance, behavior, interaction patterns and accessibility of the upstream components while exposing an idiomatic, type-safe React API. Status The README states plainly that the project is under heavy development. It also carries a warning that most of the code and tests were written by AI tools (Codex and Kimi Code): humans set architecture, priorities and design decisions, but have not reviewed most of the code line by line, so the maintainers ask users to proceed at their own risk. What is available today, per the README: - A distributable package of GitLab design tokens under packages/tokens, with the official Design Token Directory referenced for the full token reference. - Foundational styles in packages/styles/src, plus a prebuilt stylesheet bundle at packages/styles/dist/gitlab-ui.css. - Basic components including GlButton, GlLink, GlBadge and GlCard. Work in progress, per the README: - Form components. - Advanced composite components. - Chart components. - Package publishing workflows. - Documentation. - Compatibility and API consistency checks. Project resources - Website: https://glui.nocp.space - Storybook: https://glui-story.nocp.space - Related upstream design resource (Pajamas Design System): https://design.gitlab.com - Upstream repository: https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com The repository includes a CI workflow badge, and contributions are invited via forking and opening a pull request (the README points to GitHub's guide for creating a pull request from a fork). The project is licensed under MIT. Who it may suit Teams building React interfaces that need to look and behave like GitLab's design system, or anyone wanting GitLab design tokens and base styles in a React-friendly distribution. Because of the stated development state and the AI-heavy code provenance, evaluate it carefully before production use.