August 11, 2023

Materio- A Comprehensive free Next.js React admin template based on MUI

materio-logo

Materio - Free MUI React NextJS Admin Template

Most Powerful & Comprehensive Free MUI React NextJS Admin Dashboard Template built for developers!

license GitHub release (latest by date) GitHub open issues GitHub closed issues Twitter Follow

Materio - Free MUI React NextJS Admin Template Demo Screenshot

Introduction πŸš€

If you’re a developer looking for most Powerful & comprehensive Free MUI React NextJS Admin Dashboard Template built for developers, rich with features, and highly customizable, look no further than Materio. We’ve followed the highest industry standards to bring you the very best admin template that is not only easy to use but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build whatever application you want with very little hassle.

Build premium quality applications with ease. Use our one of the most innovative React admin templates to create eye-catching, high-quality WebApps. Your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.

Materio provides template with Javascript and Typescript

View Demo

Installation βš’οΈ

Installing and running the template is super easy in Materio, please follow these steps and you should be ready to rock 🀘

  1. Make sure you have installed Node.js (LTS). If Node.js is already installed in your system, make sure the installed version is LTS (and not the latest version)
  2. Navigate to the typescript-version or javascript-version folder and run following command to install our local dependencies listed in package.json. You can use npm OR yarn as per your preference.

It is recommended to use yarn for better dependency management

# For npm
npm install --legacy-peer-deps

# For yarn
yarn install
  1. Now, you are ready to start the server with the help of command shown below. Open http://localhost:3000/ to check your development πŸš€.
# For npm
npm run dev

# For yarn
yarn dev

What's Included πŸ“¦

  • Layouts
  • Blank
  • Full
  • Boxed
  • Dashboard
  • Pages
  • Account Settings
  • Login
  • Register
  • Error
  • Typography
  • Material Design Icons by Community
  • Basic Cards
  • Tables
  • Form Layouts

What's in Premium Version πŸ’Ž

| Materio Free Version | Materio Premium Version | | :------------------- | :---------------------- | | Demo | Demo | | Download | Purchase | | Simple vertical menu | Vertical (+ vertical collapsed) menu & Horizontal menu | | Default skin | Default, bordered & semi dark skins | | 1 Simple Dashboard | 3 Niche Dashboards | | - | Multiple applications like Email, Chat, Calendar, Invoice, User List, User View and Roles & Permission | | Simple from layouts | Form elements, advance form layouts, form validation & form wizard | | Basic Cards | Basic, Advance, Statistics, Analytics, Gamifications and Actions Cards | | 3 Custom Components | 15 Custom Components | | - | Quick Search - Quickly navigate between pages (with hotkey support) | | Basic tables | Advanced tables + Data Grid Tables | | 1 Chart Library | 3 Chart Libraries | | User Overridable Layout | User Overridable Layout & Theme | | Account Settings, Login, Register and Error pages | Authentication pages in 2 Variants + Ready to use pages like User Profile, Account Settings, FAQ, Pricing and some Misc pages | | Single-level menu | Multi-level menu (Grouped menu items) | | - | Multiple navbar & footer options | | - | JWT Authentication | | - | RTL (Right-to-Left) Support | | - | Redux | | - | Access Control (ACL - CASL) | | - | Multi-lingual Support | | - | Starter-kit | | - | Customizer drawer to check options in live app | | Limited customization | Endless customization possibilities | | Regular Support | Premium Support |

Documentation πŸ“œ

Check out our live Documentation

Browser Support πŸ–₯️

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

  • Chrome (latest)
  • FireFox (latest)
  • Safari (latest)
  • Microsoft Edge (latest)
  • Opera (latest)

Contributing 🦸

Contribution are always welcome and recommended! Here is how:

  • Fork the repository (here is the guide).
  • Clone to your machine git clone https://github.com/YOUR_USERNAME/REPO_NAME
  • Make your changes
  • Create a pull request

Contribution Requirements 🧰

  • When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
  • If you use content provided by another party, it must be appropriately licensed using an open source license.
  • Contributions are only accepted through Github pull requests.
  • Finally, contributed code must work in all supported browsers (see above for browser support).

Creators πŸ˜‡

Changelog πŸ“†

Please refer to the CHANGELOG file. We will add a detailed release notes to each new release.

NOTE 🏷️

We request you to keep ThemeSelection credit link in the footer section.

Looking For Premium Admin Templates ?? πŸ‘€

ThemeSelection provides Selected high quality, modern design, professional and easy-to-use Free and Premium Bootstrap Admin Templates, VueJS Admin Templates, Laravel Admin Templates, React Admin Templates and Free UI Kits to create your applications faster!

If you want to Download Free Admin Templates like Materio, then do visit ThemeSelection.

Other variants

Credits πŸ™

Social Media 🌍