• Stars
    star
    1,488
  • Rank 31,571 (Top 0.7 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 2 years ago
  • Updated 4 months ago

Reviews

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

Repository Details

An enterprise-grade Next.js admin dashboard template. Made with developer experience first: Next.js v14 (App Router), Material UI (MUI), Tailwind CSS, TypeScript, ESLint, Prettier, VSCode Configs !! ๐Ÿš€

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 โ€“ MUI React NextJS Admin Template Free

Introduction ๐Ÿš€

If youโ€™re a developer looking for the 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 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 a 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 the 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 the 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 and permission
Simple from layouts Form elements, advanced form layouts, form validation & form wizard
Basic Cards Basic, Advanced, Statistics, Analytics, Gamification 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 ๐Ÿฆธ

Contributions 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, the contributed code must work in all supported browsers (see above for browser support).

Creators ๐Ÿ˜‡

Changelog ๐Ÿ“†

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

NOTE ๐Ÿท๏ธ

We request you to keep the 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 ๐Ÿ™

Useful Links ๐ŸŽ

Social Media ๐ŸŒ

More Repositories

1

sneat-bootstrap-html-admin-template-free

Most Powerful & Comprehensive Free Bootstrap 5 HTML Admin Dashboard Template built for developers! ๐Ÿš€
HTML
923
star
2

materio-vuetify-vuejs-admin-template-free

Production Ready, Carefully Crafted, Extensive Vuetifty Free Admin Template ๐Ÿคฉ
Vue
772
star
3

bootstrap-cheatsheet

The ultimate cheatsheet for Bootstrap5 ๐Ÿš€
HTML
428
star
4

sneat-bootstrap-html-laravel-admin-template-free

Most Powerful & Comprehensive Free Bootstrap 5 HTML Laravel Admin Dashboard Template built for developers!
Blade
386
star
5

materio-vuetify-vuejs-laravel-admin-template-free

Production Ready, Carefully Crafted, Extensive Vuejs Laravel Free Admin Template ๐Ÿคฉ
Vue
183
star
6

vue-cheatsheet

The one and only Vue cheatsheet you will ever need.
Vue
161
star
7

sneat-vuetify-vuejs-admin-template-free

Production Ready, Carefully Crafted, Extensive Vuejs Free Admin Template ๐Ÿคฉ
Vue
87
star
8

best-chrome-extensions

A curated list of Best Awesome Chrome Extensions to boost your productivity in your Browsers
70
star
9

chameleon-bootstrap-html-admin-template-free

Chameleon Admin Lite is a Free Modern Bootstrap 4 WebApp & Admin Dashboard Html Template elegant design, clean and organised code.
CSS
67
star
10

sneat-bootstrap-html-django-admin-template-free

Most Powerful & Comprehensive Free Django HTML Admin Dashboard Template built for developers! ๐Ÿš€
HTML
53
star
11

sneat-vuetify-vuejs-laravel-admin-template-free

Production Ready, Carefully Crafted, Extensive Vuejs Laravel Free Admin Template ๐Ÿคฉ
Vue
48
star
12

materio-bootstrap-html-admin-template-free

Most Powerful & Comprehensive Free Bootstrap 5 HTML Admin Dashboard Template built for developers! ๐Ÿš€
HTML
47
star
13

free-figma-bootstrap-ui-kit

Design faster with a collection of prebuilt Figma components with powerful auto layout and resizing constraints.
46
star
14

materio-vuetify-nuxtjs-admin-template-free

Production Ready, Carefully Crafted, Extensive Vuetifty Free Admin Template ๐Ÿคฉ
Vue
41
star
15

sneat-bootstrap-html-aspnet-core-mvc-admin-template-free

Most Powerful & Comprehensive Free Bootstrap 5 HTML ASPNET CORE MVC Admin Dashboard Template built for developers! ๐Ÿš€
HTML
41
star
16

materio-bootstrap-html-aspnet-core-mvc-admin-template-free

Most Powerful & Comprehensive Free Bootstrap 5 HTML ASPNET CORE MVC Admin Dashboard Template built for developers! ๐Ÿš€
HTML
33
star
17

Awesome-JavaScript-Libraries

The Currated list of 200+ Awesome JavaScript libraries to add stunning UI components in your projects.
24
star
18

materio-bootstrap-html-django-admin-template-free

Most Powerful & Comprehensive Free Django HTML Admin Dashboard Template built for developers! ๐Ÿš€
HTML
21
star
19

materio-bootstrap-html-laravel-admin-template-free

Most Powerful & Comprehensive Free Bootstrap 5 HTML Laravel Admin Dashboard Template built for developers!
Blade
19
star
20

sneat-vuetify-nuxtjs-admin-template-free

Production Ready, Carefully Crafted, Extensive Vuetifty Free Admin Template ๐Ÿคฉ
Vue
11
star
21

exemplar-free-avatar-library-for-figma-and-sketch

Exemplar โ€“ Free Avatar library comes with 20 Avatars.
11
star
22

free-sketch-bootstrap-ui-kit

Design faster with a collection of prebuilt Sketch symbols with a powerful smart layout and resizing constraints.
9
star
23

master-laravel-bootstrap-jetstream

Blade
9
star
24

gitlab-access-provider-for-envato

Built for envato authors who wants to give access to their product's gitlab repository using purchase code.
PHP
7
star
25

sneat-html-laravel-jetstream

Blade
3
star
26

materio-html-laravel-jetstream

Blade
2
star
27

e-commerce-app

e-commerce app with msw
Vue
1
star