<p align="center" height="300">
  <img src="https://suprim.org.np/img/bg_white.jpg" align="center" height="300"/>
</p>
<br/>

<p align="center">
  <img src="https://suprim.org.np/img/bundle.png" style="object-fit:content" 
  align="center" height="auto"/>
</p>

<br/>

> Modern and Minimalist UI Library, originating from Suprim's Design, Author [Suprim Golay](https://suprimgolay.com.np).

> It is an open-source design system for building modern websites and applications, all our projects are open source. Supports Next.js and React App out of the box.

<br/>

### ✨ Features

- 🌈 Enterprise-class UI designed for web applications.
- 📦 A set of high-quality React components out of the box with Tree Shaking.
- 🛡 Written in TypeScript with predictable static types.
- 🎨 Powerful theme customization in every detail.

<br/>

### 👍 Install

```bash
npm i suprim-ui
```

<br/>

### 👌 Usage

```jsx
import React, { Component } from 'react';

import { SuprimProvider, theme, GlobalStyle } from 'suprim-ui';
import { Button } from 'suprim-ui';
// OR ---
// import Button from 'suprim-ui/core/Button';

class Example extends Component {
  render() {
    return (
      <React.StrictMode>
        <SuprimProvider theme={theme.default}>
          <GlobalStyle></GlobalStyle>
          <Button />
        </SuprimProvider>
      </React.StrictMode>
    );
  }
}
```

<br/>

### 👨‍💻 Documentation

- [Document Site](https://suprim.org.np)

<br/>

### 🥉 Showcases

- Comming Soon

<br/>

### 👍 Features Comming Soon

- Headless ui (In Development)

<br/>

### 🗽 Examples

- [Create React App](https://github.com/suprim12/getting-started-react-app)

- [Create Next App](https://github.com/suprim12/getting-started-next-app)

<br/>

### 🤟 License

[MIT](https://github.com/suprim12/suprim-react-ui-public/blob/master/LICENSE)
