Building scalable and highly flexible UI with Material-UI + Tailwindcss
This repo is just a brief demo of how to config tailwind to use with material-ui
versions
{
"@material-ui/core": "4.11.0",
"tailwindcss": "1.9.6"
}
git clone git@github.com:siriwatknp/mui-tailwind-demo.git
cd mui-tailwind-demo
yarn install & yarn start
- This project was bootstraped from create-react-app v3
yarn start
will compiletailwind.dev.css
totailwind.css
which is imported inindex.js
NODE_ENV=production
in build script is important to make tailwind purge css (seetailwind.config.js
)- Recommend to use VSCode with Tailwind CSS IntelliSense extension (from Brad Cornes)
- font family uses
Rubik
(setup intailwind.config.js
andApp.js
)