goosebruce / material-tailwind-kit-react

Free and Open Source UI Kit for Tailwind CSS and React based on Google's Material Design.

Material Tailwind Kit React

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.

Table of Contents

• Versions
• Demo
• Quick Start
• Documentation
• File Structure
• Browser Support
• Resources
• Reporting Issues
• Technical Support or Questions
• Licensing
• Useful Links

Versions

React

|

Demo

• Landing page
• Profile page
• Login page
• Register page

Quick start

Quick start options:

• Download from Creative Tim.

Terminal Commands

1. Download and Install NodeJs from NodeJs Official Page.
2. Navigate to the root / directory and run npm install or (yarn install, if you're using yarn) to install our local dependencies.

Documentation

Material Tailwind Kit React build using Material Tailwind and the documentation of Material Tailwind is hosted at Material Tailwinl.

What's included

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

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Resources

• Live Preview
• Download Page
• Documentation is here
• License Agreement
• Support
• Issues: Github Issues Page

Reporting Issues

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:

1. Make sure that you are using the latest version of the Material Tailwind Kit React. Check the CHANGELOG from your dashboard on our website.
2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the product please contact us instead of opening an issue.

Licensing

• Copyright 2021 Creative Tim
• Creative Tim license

Useful Links

• More products from Creative Tim

• Tutorials

• Freebies from Creative Tim

• Affiliate Program (earn money)

Social Media

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