quantumic-design
TypeScript icon, indicating that this package has built-in type declarations

1.8.0 • Public • Published

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

Package Sidebar

Install

npm i quantumic-design

Weekly Downloads

665

Version

1.8.0

License

MIT

Unpacked Size

151 MB

Total Files

2541

Last publish

Collaborators

  • lubycon-admin