npm package: @mui-treasury/styling
Description: <p align="center">   <a href="https://www.gatsbyjs.org">     <img alt="Gatsby" src="https://user-images.githubusercontent.com/18292247/65975821-6361e500-e499-11e9-94a4-02aef55c2c23.png" width="100" />   </a> </p>
Author: siriwatknp
Latest version: 0.2.8

<p align="center">
  <a href="https://www.gatsbyjs.org">
    <img alt="Gatsby" src="https://user-images.githubusercontent.com/18292247/65975821-6361e500-e499-11e9-94a4-02aef55c2c23.png" width="100" />
  </a>
</p>

# Material-UI Treasury [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)](https://github.com/siriwatknp/mui-treasury-next/pulls) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/) <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-10-orange.svg?style=flat-square)](#contributors-)
<!-- ALL-CONTRIBUTORS-BADGE:END -->

Imagine a place with millions of real-world, ready-to-use, and themable components that you can copy & paste or even install to your project. I believe that it will help boosting many projects that want to prove their ideas and make their 1st prototype to make tomorrow better than today.
## Curious? checkout [Website](https://mui-treasury.com)

I am very excited about this project because I know that there is a lot of developers who are struggling at building ui and waiting for something like this to come true. It will take a lot of time for me alone to reach thousand components. So if you want to do something great and fun, please read our [contribution section](#Contribution)

## Roadmap
#### End of 2019
- Reach 100 components
- Release `@mui-treasury/layout` version 2 (before is [`mui-layout`](https://github.com/siriwatknp/mui-layout)) 

#### 2020 (1st quarter)
- Reach 200 components
- Release `@mui-treasury/formik` an integration between material-ui & formik to help building form without tears.

#### 2020 (2nd quarter)
- Reach 300 components
- Introducing application demo (example of real-world app that combine existing components in mui-treasury)

## Latest Version
> - @mui-treasury/components `0.3.5`
> - @mui-treasury/layout `3.0.0`
> - @mui-treasury/styles `0.3.2`
> - @mui-treasury/styling `0.2.5`
> - @mui-treasury/utils `0.3.5`
>
>  [All changelog](/CHANGELOG.md)

## Announcements

- I am proudly to announce that the new site is in beta now after 3 months of renovating (using Gatsby, it is super fast). prove it yourself! [https://mui-treasury.com](https://mui-treasury.com)

    <img alt="performace_report" src="https://user-images.githubusercontent.com/18292247/65976784-e2a3e880-e49a-11e9-82e7-b747a1bd2776.png" width="400" />
    
    the top report is the [deprecated site](https://deprecate.mui-treasury.com), the bottom is the [new one](https://mui-treasury.com)

## How to use

1. [Open mui-treasury website](https://mui-treasury.com)
2. In the components panel, choose one that you like.
3. Click `</>` icon to see the code and customize it in [codesandbox template](https://codesandbox.io/s/mui-treasury-demo-template-3i5hn)
![image](https://user-images.githubusercontent.com/18292247/68522873-7317e900-02e3-11ea-922f-3598828a2481.png)


## Contribution

I am profoundly appreciate any [contribution](/.github/CONTRIBUTING.md) you submit, thanks.

## License

This project is licensed under the terms of the
[MIT license](/LICENSE).

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/siriwatknp"><img src="https://avatars2.githubusercontent.com/u/18292247?v=4" width="100px;" alt=""/><br /><sub><b>Siriwat Kunaporn</b></sub></a><br /><a href="#design-siriwatknp" title="Design">🎨</a> <a href="https://github.com/siriwatknp/mui-treasury/commits?author=siriwatknp" title="Code">💻</a> <a href="https://github.com/siriwatknp/mui-treasury/issues?q=author%3Asiriwatknp" title="Bug reports">🐛</a> <a href="https://github.com/siriwatknp/mui-treasury/commits?author=siriwatknp" title="Documentation">📖</a> <a href="#example-siriwatknp" title="Examples">💡</a> <a href="#ideas-siriwatknp" title="Ideas, Planning, & Feedback">🤔</a> <a href="#projectManagement-siriwatknp" title="Project Management">📆</a> <a href="#maintenance-siriwatknp" title="Maintenance">🚧</a> <a href="#infra-siriwatknp" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/siriwatknp/mui-treasury/pulls?q=is%3Apr+reviewed-by%3Asiriwatknp" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/siriwatknp/mui-treasury/commits?author=siriwatknp" title="Tests">⚠️</a></td>
    <td align="center"><a href="https://www.facebook.com/kunanan.tassuwan"><img src="https://avatars2.githubusercontent.com/u/16300114?v=4" width="100px;" alt=""/><br /><sub><b>Kunanan</b></sub></a><br /><a href="#tool-futurouz" title="Tools">🔧</a></td>
    <td align="center"><a href="https://renamoo-portfolio.netlify.com"><img src="https://avatars2.githubusercontent.com/u/41532275?v=4" width="100px;" alt=""/><br /><sub><b>renamoo</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/commits?author=renamoo" title="Documentation">📖</a> <a href="https://github.com/siriwatknp/mui-treasury/commits?author=renamoo" title="Code">💻</a></td>
    <td align="center"><a href="https://p-siriphanthong.github.io/"><img src="https://avatars2.githubusercontent.com/u/29949429?v=4" width="100px;" alt=""/><br /><sub><b>Punn Siriphanthong</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/commits?author=p-siriphanthong" title="Code">💻</a></td>
    <td align="center"><a href="https://borbier.com/"><img src="https://avatars3.githubusercontent.com/u/14361087?v=4" width="100px;" alt=""/><br /><sub><b>_borBier</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/commits?author=borbier" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/bokherus"><img src="https://avatars0.githubusercontent.com/u/9125776?v=4" width="100px;" alt=""/><br /><sub><b>Thongrapee Panyapatiphan</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/commits?author=bokherus" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/Kijpokin"><img src="https://avatars0.githubusercontent.com/u/37680525?v=4" width="100px;" alt=""/><br /><sub><b>Kijpokin</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/commits?author=Kijpokin" title="Code">💻</a></td>
  </tr>
  <tr>
    <td align="center"><a href="https://twitter.com/davidedantonio"><img src="https://avatars2.githubusercontent.com/u/9164563?v=4" width="100px;" alt=""/><br /><sub><b>Davide D'Antonio</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/commits?author=davidedantonio" title="Code">💻</a></td>
    <td align="center"><a href="https://www.linkedin.com/in/aaronhayes1/"><img src="https://avatars2.githubusercontent.com/u/4180720?v=4" width="100px;" alt=""/><br /><sub><b>Aaron Hayes</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/commits?author=aaronhayes" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/tokdaniel"><img src="https://avatars1.githubusercontent.com/u/7677603?v=4" width="100px;" alt=""/><br /><sub><b>tokdaniel</b></sub></a><br /><a href="https://github.com/siriwatknp/mui-treasury/issues?q=author%3Atokdaniel" title="Bug reports">🐛</a></td>
  </tr>
</table>

<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!