<p align="center">
  <img src="https://www.prismane.io/profile_picture.png" alt="Prismane" width="200">
</p>
<h1 align="center">  
  Prismane
  <br>
</h1>

<h4 align="center">A React UI library built with ease of use in mind.</h4>

<p align="center">
  <a href="#key-features">Key Features</a> •
  <a href="#how-to-use">How To Use</a> •
  <a href="#storybook">Storybook</a> •
  <a href="#credits">Credits</a> •
  <a href="#license">License</a>
</p>

## Key Features

- Custom styling system
- Dynamic theming out of the box
- Built in support for dark and light theme variants
- 111+ React components
- 26+ custom hooks
- 27+ custom form validators

## How To Use

[Read Documentation](https://prismane.io)

```bash
# With yarn
yarn add @prismane/core

# With npm
npm install @prismane/core
```

## Storybook

Our Storybook is uploaded to Chromatic and is automatically updated with every change.

[Storybook on Chromatic](https://master--64c0fd7432b79714c11e2b24.chromatic.com/)

## Credits

This package uses the following packages:

- [React](https://reactjs.org)
- [Phosphor Icons](https://phosphoricons.com/)
- [Stitches](https://stitches.dev/)

## License

MIT

---

> GitHub [@prismaneui](https://github.com/prismaneui) &nbsp;&middot;&nbsp;
> Twitter [@prismaneui](https://twitter.com/prismaneui) &nbsp;&middot;&nbsp;
> Reddit [r/prismane](https://www.reddit.com/r/prismane/)
