QuantumBlack Design System provides accessible components built with Base UI and Radix UI primitives and styled with design tokens. You add them to your project as source files through the shadcn registry, not as an NPM package.
With a typical component library, you install a package and import what it exports. Customization often means wrappers, overrides, or working around what the library gives you. QBDS copies the component files into your project instead. You can install only what you need, use components unchanged, or edit them directly.
Open sourced under the Apache License 2.0. Copyright McKinsey & Company.
Head to the documentation site to browse components, follow the installation guide, and look up design tokens:
This repository contains the registry site and component source.
-
Clone the repository
-
Install dependencies and start the dev server:
npm install npm run dev
-
Open http://localhost:4123.
npm run dev rebuilds the registry before starting the server. To rebuild registry files without starting the server, run:
npm run registry:buildFor prerequisites, environment setup, and adding components, see the contributing guide.
Contributions welcome. Before opening an issue or pull request, read the Code of Conduct and security policy.
Licensed under the Apache License, Version 2.0. See LICENSE.txt for the full text.