GitPedia

Matx react

Matx -Free and open-source React Material UI Admin Dashboard Template

From uilibrary·Updated May 29, 2026·View on GitHub·

**matx react** is a Matx -Free and open-source React Material UI Admin Dashboard Template The project is written primarily in JavaScript, distributed under the MIT License license, first published in 2020. Key topics include: admin, admin-dashboard, dahsboard, dashboard-templates, material-ui.

<h1><a href="https://ui-lib.com/downloads/matx-react-dashboard/">Matx React Material Design Admin Dashboard Template</a></h1> <a href="https://matx-react-free.netlify.app/"> <img alt="Matx React Admin" src="https://ui-lib.com/blog/wp-content/uploads/2021/09/matx-github.png" /> </a> <p>MatX is a full-featured React Material UI Admin Dashboard template. MatX is built with React, Redux & Material UI We implemented all the features you might need to start a new Web application. The free version includes all Material UI components, Form elements, and validation, JWT authentication, Sign in, sign up pages, Vertical navigation, Lazy loading, Code splitting.</p> <h2>Features</h2> <table> <tr> <th>MatX Free</th> <th>MatX Pro</th> </tr> <tr> <td> <a href="https://matx-react-free.netlify.app/">Live Preview</a> <br> <a href="https://ui-lib.com/downloads/matx-react-dashboard/">Download MatX</a> </td> <td> <a href="https://matx-react-pro.vercel.app">Live Preview</a> <br> <a href="https://ui-lib.com/downloads/matx-pro-react-admin/">Get MatX Pro</a> </td> </tr> <tr> <td valign="top"> <ul> <li>JWT authentication</li> <li>Role based authentication</li> <li>Lazy loading components</li> <li>Code splitting</li> <li>Dashboard Analytics</li> <li>UI kits <ul> <li>Autocomplete</li> <li>Buttons</li> <li>Checkbox</li> <li>Dialog</li> <li>Expansion panel</li> <li>Menu</li> <li>Progress</li> <li>Datetime picker</li> <li>Radio</li> <li>Switch</li> <li>Slider</li> <li>Snackbar</li> <li>Data table</li> </ul> </li> <li>Forms <ul> <li>Basic</li> <li>Rich text editor</li> </ul> </li> <li>eChart</li> <li>Session pages <ul> <li>Sign in</li> <li>Sign up</li> <li>Forgot password</li> <li>Error page</li> </ul> </li> <li>Drag and drop</li> <li>Google map</li> <li>Utilities <ul> <li>Color</li> <li>Spacing</li> <li>Typography</li> <li>Display</li> </ul> </li> <li>Multi level menu</li> </ul> </td> <td valign="top"> <ul> <li>All features of Matx free +</li> <li>Firebase authentication</li> <li>Auth0 authentication</li> <li>Horizontal navigation</li> <li>Pages <ul> <li>Customer List</li> <li>Customer View/Add/Edit</li> <li>Product List</li> <li>Customer View/Add/Edit</li> <li>Order List</li> <li>Order View/Add/Edit</li> <li>Help center</li> <li>FAQ</li> <li>Pricings</li> <li>User List/Grid/Row</li> </ul> </li> <li>Forms <ul> <li>Order form</li> <li>Invoice form</li> <li>Property listing form</li> <li>Single upload</li> <li>Multiple upload</li> <li>Wizard</li> </ul> </li> <li>Working Apps <ul> <li>CRUD table</li> <li>Shop/eCommerce</li> <li>Scrum board</li> <li>Invoice builder</li> <li>Event calendar</li> <li>Chat</li> <li>Inbox</li> <li>Todo</li> </ul> </li> <li>Lists <ul> <li>Row/Grid List</li> <li>Infinite scroll list</li> </ul> </li> <li>Charts <ul> <li>eChart</li> <li>Rechart</li> <li>Victory chart</li> <li>React vis</li> </ul> </li> <li>Account setting</li> <li>User profile</li> <li>6 month support</li> </ul> </td> </tr> </table> <h2>Version 5 changes</h2>
  • Used Vite instead of CRA
<h2>Version 4 changes</h2>
  • Updated all packages
  • Added Auth0 and Firebase authentication system
<h2>Version 3 changes</h2>
  • Added Material UI – Styled api (v5)
  • Added Material UI updated components from MUI@version 5
  • Added React Apex Chart
  • Updated JWT authentication
  • Updated Charts
  • Removed CSS Utilities (replaced by MUI)
  • Removed SASS Integrigration (replaced by Styled API)
  • Removed Victory chart (Replaced by React Apex Chart)
<h2 id="availablescripts">Getting started</h2> <p>In the project directory, you can run:</p> <h3 id="npmstart"><code>npm run dev</code></h3> <p>Runs the app in the development mode.<br> <p>The page will reload if you make edits.<br> You will also see any lint errors in the console.</p> <h3 id="npmrunbuild"><code>npm run build</code></h3> <p>Builds the app for production to the <code>build</code> folder.<br> It correctly bundles React in production mode and optimizes the build for the best performance.</p> <p>The build is minified and the filenames include the hashes.<br> Your app is ready to be deployed!</p> <h3>Download</h3> Download From <a href="https://ui-lib.com/downloads/matx-react-dashboard/">official website</a> <h3>For questions and support mail us at <a href="mailto:support@ui-lib.com">support@ui-lib.com</a></h3>

Contributors

Showing top 3 contributors by commit count.

View all contributors on GitHub →

This article is auto-generated from uilibrary/matx-react via the GitHub API.Last fetched: 6/14/2026