Quantum Design is a UI Kit that consists of some very small components and functions.

Most of components in Quantumic Design is designed that have single responsibility. So you can assemble these quantumic components to make your own design system more faster. Or just use these are.

Please enjoy! ☺️

Quick start

Install Quantumic Design and Emotion. and add Quantumic Design Context to your application.

$ npm install quantumic-design
// or
$ yarn add quantumic-design

// App.tsx

import React, { PropsWithChildren } from 'react';
import { QDProvider } from 'quantumic-design';

function App({ children }: PropsWithChildren<{}>) {
  return <QDProvider>{children}</QDProvider>;
}

With TypeScript

As you can see, Quantumic Design is TypeScript based library. Therefore, Quantumic Design provides its own type declarations, so you don't need to install additional typing packages like @types/quantumic-design.

Docs

Check out our Storybook