Haring is a component library based on Mantine that offers a higher level of components to help you build consistent user interfaces faster.
You can access the documentation here: https://smile-sa.github.io/haring-doc
You can check the components in Storybook: https://smile-sa.github.io/haring
Haring is split into multiple packages:
- @smile/haring-react-shared: Shared components (required by other packages)
- @smile/haring-react: Core components library containing all major components.
- @smile/haring-react-dates: Date related components.
- @smile/haring-react-dropzone: File upload components.
- @smile/haring-react-table: Table related components.
For a basic installation, ensure you use React 18 or later and then run:
npm i @smile/haring-react @mantine/core @mantine/hooks @phosphor-icons/react
See each package README file for installation.