<h1 align="center">Material You</h1>

**Material You** is a React component library for building modern user interfaces faster.

- _Material You_ is a collection of React components that features my implementation of [Material 3](https://m3.material.io/) design system.
- With _Material You_ you can easily build user interfaces that are modern, fast, simple, and beautiful.

<div align="center">

**:construction: This project is under heavy construction :construction:**

:warning: Not ready for production use :no_entry:

![GitHub](https://img.shields.io/github/license/biswarup35/material-you?style=for-the-badge)
![npm (tag)](https://img.shields.io/npm/v/@biswarup35/material-you/canary?style=for-the-badge)
![npm (scoped)](https://img.shields.io/npm/v/@biswarup35/material-you?color=green&style=for-the-badge)
![npm](https://img.shields.io/npm/dm/@biswarup35/material-you?style=for-the-badge)

</div>

## Installation

### Material You

_Material You_ is available as an [npm package](https://www.npmjs.com/package/@biswarup35/material-you).

> :notebook_with_decorative_cover: Note: **Material You** is not production ready yet. It is under heavy construction. Do not use it in production.

```sh
npm install @biswarup35/material-you
```

or

```sh
yarn add @biswarup35/material-you
```

## Getting Started

Here's an example of how to use _Material You_:

```jsx
import React from "react";
import { Button } from "@biswarup35/material-you";

const App = () => {
  return <Button variant="filled">Hello World!</Button>;
};
```
