Skip to content

The simple and strong ui kit to build your own design system.

License

Notifications You must be signed in to change notification settings

Lubycon/quantumic-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lubycon logo

Quantumic Design

The simple and strong ui kit to build your own design system.

Typescript React HTML5 rollup.js Yarn NPM

license node version workflow npm latest package npm downloads

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