Material Kit - React
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 |
---|---|
9 Demo Pages | 40+ demo pages |
- | |
- | |
- | |
- |
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 Node.js and npm versions are up to date for
React 18
-
Install dependencies:
npm install
oryarn
-
Start the server:
npm run dev
oryarn dev
-
Views are on:
localhost:3000
Setup authentication (optional)
-
Sign in on Zalter Dashboard (https://dashboard.zalter.com) and create your Zalter project.
-
Open your project settings and activate Email Magic Link authentication. This authentication method requires
redirect URIs
setup, so while in development you need to addhttp://localhost:3000/sign-in/confirm
. For production replacelocalhost:3000
with your own domain. -
Copy
.env.example
file and rename it to.env
-
Open
.env
file and enable the Zalter authentication, then set your own Zalter project ID.
NEXT_PUBLIC_ENABLE_ZALTER_AUTH="true"
NEXT_PUBLIC_ZALTER_PROJECT_ID="<your-project-id>"
For more information about Zalter Authentication access https://developer.zalter.com.
File Structure
Within the download you'll find the following directories and files:
material-kit-react
┌── .env.example
├── .eslintrc.json
├── .gitignore
├── CHANGELOG.md
├── LICENSE.md
├── next.config.js
├── package.json
├── README.md
├── public
└── src
├── __mocks__
├── components
├── icons
├── lib
├── theme
├── utils
└── pages
├── 404.js
├── _app.js
├── _document.js
├── account.js
├── customers.js
├── index.js
├── index.js
├── products.js
├── register.js
└── settings.js
└── sign-in
├── confirm.js
└── index.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)
Contact Us
- Email Us: support@deviasio.zendesk.com