@mui-treasury/styling

<img alt="Gatsby" src="https://user-images.githubusercontent.com/18292247/65975821-6361e500-e499-11e9-94a4-02aef55c2c23.png" width="100" />

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

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

Roadmap

End of 2019

• Reach 100 components
• Release @mui-treasury/layout version 2 (before is 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

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

<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
2. In the components panel, choose one that you like.
3. Click </> icon to see the code and customize it in codesandbox template

Contribution

I am profoundly appreciate any contribution you submit, thanks.

License

This project is licensed under the terms of the MIT license.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

<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>

<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>

This project follows the all-contributors specification. Contributions of any kind welcome!