Material-UI Treasury

Imagine a place with millions of real-world, ready-to-use, and themable components that you can install to your project. I believe that it will boost many projects that want to prove their ideas or even improve complex monolith project to move faster.

Material-UI v5

`@mui-treasury/layout`

BREAKING CHANGE see v5 documentation

Summary Highlight

smaller bundle size (-30%)
faster
single sidebar (no duplicate for all variants)

`@mui-treasury/components, @mui-treasury/styles`

upgrade material-ui

yarn add @material-ui/core@next @material-ui/styles@next
// make sure that it is 5.0.0-alpha.37

Note: the above installation requires @material-ui/styles because mui-treasury depends on it.

upgrade mui-treasury

yarn add @mui-treasury/components@next @mui-treasury/styles@next

As a result, you will get 2.0.0-alpha for both packages. However, these packages still use the old style-engine (JSS) while material-ui v5 have moved to either emotion or styled-components. This will increase the bundle size a bit because you will have 2 style-engine in the project (JSS + emotion or styled-components).

In the future, you will be able to migrate to proper packages that I am working on, which uses material-ui v5 style-engine.

Take a look at this working CodeSandbox example. Also make sure to check <StyledEngineProvider injectFirst> in App.tsx (in the link).

Material-UI v4

Latest Version

@mui-treasury/components 1.5.2

@mui-treasury/layout 4.5.0

@mui-treasury/styles 1.8.0

@mui-treasury/mockup 1.2.4

@mui-treasury/utils 0.4.1

All changelog

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

Q3/2020

More components & styles for using with @mui-treasury/layout
- Header
- Sidebar
- Footer

Q2/2020

Reach 300 components + styles
Introducing application demo (example of real-world app that combine existing components in mui-treasury)
Release Layout v4

Q1/2020

Reach 200 components

Donation

To help me keep this project alive! every dollar matters.

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

_{Siriwat Kunaporn} 🎨 💻 🐛 📖 💡 🤔 📆 🚧 🚇 👀 ⚠️	_Kunanan 🔧	_renamoo 📖 💻	_{Punn Siriphanthong} 💻	_{_borBier} 💻	_{Thongrapee Panyapatiphan} 💻	_Kijpokin 💻
_{Davide D'Antonio} 💻	_{Aaron Hayes} 💻	_tokdaniel 🐛	_{Alejandro Venegas} 💻	_{Bartosz Podgruszecki} 🚧	_Paddy 📖 🚧 💻	_{Alexandre Teyar} ️️️️♿️
_{Max Wassiljew} 💻	_tsutomu 💻	_{David Granado} 🚧	_Marek 💻	_{Matthew Lancellotti} 💻