• Stars
    star
    5,312
  • Rank 7,776 (Top 0.2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

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
βœ” Mocked Authentication βœ” Authentication with Amplify, Auth0, JWT and Firebase
- βœ” Dark & light mode
- βœ” CRA version
- βœ” 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

File Structure

Within the download you'll find the following directories and files:

material-kit-react

β”Œβ”€β”€ .eslintrc.json
β”œβ”€β”€ .gitignore
β”œβ”€β”€ CHANGELOG.md
β”œβ”€β”€ LICENSE.md
β”œβ”€β”€ next.config.js
β”œβ”€β”€ package.json
β”œβ”€β”€ README.md
β”œβ”€β”€ public
└── src
	β”œβ”€β”€ components
	β”œβ”€β”€ contexts
	β”œβ”€β”€ guards
	β”œβ”€β”€ hocs
	β”œβ”€β”€ hooks
	β”œβ”€β”€ layouts
	β”œβ”€β”€ sections
	β”œβ”€β”€ theme
	β”œβ”€β”€ utils
	└── pages
		β”œβ”€β”€ 404.js
		β”œβ”€β”€ _app.js
		β”œβ”€β”€ _document.js
		β”œβ”€β”€ account.js
		β”œβ”€β”€ companies.js
		β”œβ”€β”€ customers.js
		β”œβ”€β”€ index.js
		β”œβ”€β”€ products.js
		└── settings.js
		└──  auth
			β”œβ”€β”€ login.js
			└── register.js

Resources

Reporting Issues:

License

Contact Us