Harmony/design-system

🎶🙌 This is the Harmony design system. It is a collection of reusable components and guidelines for building consistent and accessible user interfaces.

Features

• 🎨 Consistent design: All components are designed to work together and look great out of the box.
• 📱 Responsive: Components are designed to work on all devices and screen sizes.
• ♿ Accessible: All components are designed to be accessible to all users.
• 📦 Easy to use: Components are easy to use and require minimal configuration.
• 📚 Well documented: All components are well documented with examples and guidelines.

Getting started

To get started, install the Harmony design system package from npm:

npm install @harmony-technology/design-system

or

yarn add @harmony-technology/design-system

Usage

To use the Harmony design system, import the components you need and use them in your application:

import { Button } from "@harmony-technology/design-system";

function App() {
  return <Button>Click me</Button>;
}

Contributors:

@AmineElazzab

License

MIT

Keywords

design, system, harmony, technology, ui, components, react, library, npm, package, styled-components, styled, components, ui, kit

Copyright (c)