@quantinuum/quantinuum-ui

Quantinuum UI is a React component library and design token system built with shadcn, Radix UI and Tailwind CSS.

It is used internally at Quantinuum for building web applications with a consistent look and feel.

You can have a look at the storybook to see the available components and design tokens.

Commands

Clone repository

git clone [email protected]:CQCL/quantinuum-ui.git

Install dependencies and run storybook web server locally

npm i
npm run storybook # Run storybook application to view components.

Build storybook and UI library.

npm run build-storybook # Build storybook application as static HTML.
npm run build # Build component library with rollup.

Design Tokens

CSS variables are declared in src/tokens.css. Dark mode is enabled when adding the attribute data-theme="dark" higher up in the tree.