Introduction

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.

Install

Setup

Just add the following line to your project's root level component:

import "hazel-ui/styles.css";

The Typography in the project uses the Inter variable font (font-family: "Inter var"). You can set it up yourself or use the following import:

import "hazel-ui/fonts.css";

Alternatives

We'd be happy to incorporate any new functionality that you feel might not be possible with Hazel UI. But if you're looking for a completely different flavour of UI then you might want to check out these great alternatives:

• Ant Design
• Chakra UI
• Evergreen by Twilio Segment
• Fluent UI by Microsoft
• Forma 36 by Contentful
• Material UI
• Reach UI by React Training
• React Bootstrap
• React Spectrum by Adobe
• Reakit
• Storybook