Material Tailwind Kit React is a free and open-source UI Kit based on two popular front-end technologies: Tailwind CSS & React. It was built to simplify the developer's work in the quest of creating intuitive interfaces.
Material Tailwind has 4 pre-built example pages. From landing pages to profile, login and register, you will be able to set up the basic structure for your web project quickly.
- Versions
- Demo
- Quick Start
- Documentation
- File Structure
- Browser Support
- Resources
- Reporting Issues
- Technical Support or Questions
- Licensing
- Useful Links
React |
---|
Quick start options:
- Download from Creative Tim.
- Download and Install NodeJs from NodeJs Official Page.
- Navigate to the root / directory and run npm install or (yarn install, if you're using yarn) to install our local dependencies.
Material Tailwind Kit React build using Material Tailwind and the documentation of Material Tailwind is hosted at Material Tailwinl.
Within the download you'll find the following directories and files:
Material Tailwind Kit React
├── material-tailwind-kit-react
│ ├── public
│ │ ├── index.html
│ │ ├── favicon.ico
│ │ └── apple-icon.png
│ ├── src
│ │ ├── assets
│ │ │ ├── img/
│ │ │ └── styles/
│ │ ├── components
│ │ │ ├── landing/
│ │ │ ├── login/
│ │ │ ├── profile/
│ │ │ ├── DefaultFooter.js
│ │ │ ├── DefaultNavbar.js
│ │ │ └── SimpleFooter.js
│ │ ├── Pages
│ │ │ ├── Landing.js
│ │ │ ├── Login.js
│ │ │ ├── Profile.js
│ │ │ └── Register.js
│ │ ├── App.js
│ │ ├── App.test.js
│ │ ├── index.js
│ │ ├── reportWebVitals.js
│ │ └── setup.test.js
│ ├── CHANGELOG.md
│ ├── jsconfig.json
│ ├── LICENSE
│ ├── package.json
│ ├── postcss.config.js
│ ├── README.md
│ ├── tailwind.config.js
│ ├── yarn.lock
At present, we officially aim to support the last two versions of the following browsers:
- Live Preview
- Download Page
- Documentation is here
- License Agreement
- Support
- Issues: Github Issues Page
We use GitHub Issues as the official bug tracker for the Material Tailwind Kit React. Here are some advices for our users that want to report an issue:
- Make sure that you are using the latest version of the Material Tailwind Kit React. Check the CHANGELOG from your dashboard on our website.
- Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
- Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
If you have questions or need help integrating the product please contact us instead of opening an issue.
- Copyright 2021 Creative Tim
- Creative Tim license
-
More products from Creative Tim
-
Freebies from Creative Tim
-
Affiliate Program (earn money)
Twitter: https://twitter.com/CreativeTim
Facebook: https://www.facebook.com/CreativeTim
Dribbble: https://dribbble.com/creativetim
Google+: https://plus.google.com/+CreativetimPage
Instagram: https://instagram.com/creativetimofficial