You can check the live version here
- Build a design system for our library
- Build our project using React
- Build our components with Storybook
- Learn about automated tests
- Radix.UI An open-source color system for designing beautiful, accessible websites and apps.
- Tailwindcss A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
- WoldVectoLogo Dowload vector logos of brands you love
- phosphor-react Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at phosphoricons.com.
- Windstich Simple Styling Library that helps you set when a className should be applied to a component.
- clsx Utility for constructing className strings conditionally. Also serves as a faster & smaller drop-in replacement for the classnames module.
- Storybook Js This is a simple tool allows you to deploy your Storybook into a static hosting service.
- storybook-addon-a11y This Storybook addon can be helpful to make your UI components more accessible.
- Storybook Addon Interactions Storybook Addon Interactions enables visual debugging of interactions and tests in Storybook.
- Transform SVGR is an universal tool to transform SVG into React components. SVGR takes a raw SVG and transforms it into a ready-to-use React component.
- MSW - mock service worker Mock by intercepting requests on the network level. Seamlessly reuse the same mock definition for testing, development, and debugging.
- MSW Storybook Addon Mock Rest and GraphQL requests right inside your story.
# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name
# Install dependencies
$ npm install
# Run the app
$ npm run dev
# Run storybook
$ npm run storybook