Awesome Open Source
Awesome Open Source

Material Kit - React Tweet

license

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
Authentication with Zalter Authentication with Amplify, Auth0, JWT and Firebase
- Dark & light mode
- 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 Node.js and npm versions are up to date for React 18

  • Install dependencies: npm install or yarn

  • Start the server: npm run dev or yarn dev

  • Views are on: localhost:3000

Setup authentication (optional)

  1. Sign in on Zalter Dashboard (https://dashboard.zalter.com) and create your Zalter project.

  2. Open your project settings and activate Email Magic Link authentication. This authentication method requires redirect URIs setup, so while in development you need to add http://localhost:3000/sign-in/confirm. For production replace localhost:3000 with your own domain.

  3. Copy .env.example file and rename it to .env

  4. 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

Reporting Issues:

License

Contact Us

Alternatives To Material Kit React
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,160,380
Typescript (308,006
Reactjs (175,698
Authentication (27,110
Firebase (22,450
Admin (21,746
Dashboard (16,517
Material (15,820
Nextjs (14,803
Kit (10,098
Admin Dashboard (2,680
Dark Theme (2,503
Firebase Auth (2,455
Tailwind (1,632
Auth0 (1,275
Mui (984
Admin Template (554
Material Theme (328
Material Dashboard (143