matx-react — React 后台模板

SHA-256: cf8ff6994988fff72a305c4968562e34dfbdcb63e43d6cfdff8f94f762338a77

2026-09-30T09:08:42.667Z

<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:[email protected]">[email protected]</a></h3>