<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.vercel.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.vercel.app/">Live Preview</a> <br>
<a href="https://ui-lib.com/downloads/matx-react-dashboard/">Download MatX</a>
</td>
<td>
<a href="http://matx-react.ui-lib.com/">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>User profile</li>
  <li>6 month support</li>
  
</ul>
</td>
</tr>
</table>

<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 start</code></h3>

<p>Runs the app in the development mode.<br>
Open <a href="http://localhost:3000">http://localhost:3000</a> to view it in the browser.</p>

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