Hazel UI is a flexible React component library that lets you quickly build web elements the way you want. It is built with the goal to allow maximum possible customization and speed of development.
npm i hazel-ui
The Typography in this design system depends on the availability of the following fonts:
- Lora (serif)
- Open Sans (sans-serif)
You can install them by adding the following code inside the <head>
of your project's root index.html
:
<link
href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap"
rel="stylesheet"
/>