UI library using React, Storybook and Emotion.

Objectives

• Build higher-quality and more polish UI, at the same time modular and reusable
• Publish it as an NPM package so can easily be shared across projects.

Components 🦋

UI

• Button
• Button Icon
• Card
• Charts
• Dialog
• Datepicker
• Drawer
• Expansion Panel
• Menu
• Switch
• Tab
• ...

Form

• Checkbox
• Radio
• Textfield
• Select

Layout+

• Grid System (best alternative: styled-system's Responsive Styles)
• Form Validation (best alternative: React Hook Form)
• Slider via CSS Scroll Snap
• ...

---

TODO

• Migration to Typescript

• Theming intergration with styled-system

• Enhance documentation with @storybook/addon-docs

Note

Further development of this project has now been privatized. In case you are curious about the progress of the project, feel free to check out the demo uploaded in this link.

Issue

Need to wait for this PR to be merged before module import aliasing starts working for CRA with Jest. Alternative solution can be found here but it suggests to use yet another dependency, not a big fan of dependencies.

Credits

• Icons
• Publish to npm
• Test Locally