Material Kit - React ![Tweet](https://camo.githubusercontent.com/8e9b66a12f514d9dd27ffd506b3553c8bb0970ce7a30b44b323f5addbd73f85c/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f75726c2f687474702f736869656c64732e696f2e7376673f7374796c653d736f6369616c266c6f676f3d74776974746572)
Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process!
Demo
Free Figma Community File
Upgrade to PRO Version
We also have a pro version of this product which bundles even more pages and components if you want to save more time and design efforts :)
Free Version (this one) | Material Kit Pro - React |
---|---|
7 Demo Pages | 40+ demo pages |
- | ✔ Dark & light mode |
- | ✔ Authentication with Amplify*, Auth0, JWT and Firebase |
- | ✔ TypeScript version - for Standard Plus and Extended license |
- | ✔ Design files (sketch & figma) - for Standard Plus and Extended license |
- | ✔ Complete users flows |
Quick start
-
Download from Github or Download from Devias or clone the repo:
git clone https://github.com/devias-io/material-kit-react.git
-
Make sure your NodeJS and npm versions are up to date for
React 17
-
Install dependencies:
npm install
oryarn
-
Start the server:
npm run dev
oryarn dev
-
Views are on:
localhost:3000
File Structure
Within the download you'll find the following directories and files:
material-kit-react
┌── .eslintrc.json
├── .gitignore
├── CHANGELOG.md
├── jsconfig.json
├── LICENSE.md
├── package.json
├── README.md
├── public
└── src
├── __mocks__
├── components
├── icons
├── theme
├── utils
└── pages
├── 404.js
├── _app.js
├── _document.js
├── account.js
├── customers.js
├── index.js
├── login.js
├── products.js
├── register.js
└── settings.js
Resources
- More freebies like this one: https://devias.io
Reporting Issues:
License
- Licensed under MIT (https://github.com/devias-io/react-material-dashboard/blob/master/LICENSE.md)