Matx - Open-Source React Material Dashboard by UI-Lib
Free React Redux Material UI Admin Dashboard Template
Matx is one of our most popular open-source admin templates. And, today we'll be looking at this well-appreciated admin template, which so far has over 600 GitHub stars and more than 200 Forks.
We are happy and proud of our front-end products (we definitely prioritize the chances of improvements), and we will not rest on our laurels. The admin template market is already well established, and it is difficult to surprise someone with something new. We are, however, continuing our experiments with various technologies.
MatX React Free is a limited version of MatX React Pro (the premium version of Matx React material design admin). It is a fully-featured React Material Design Admin Dashboard Template with all of the most recent and premium features and support. MatX has created using React , Redux , and Material UI .
We've included all of the necessary features, components, pages, and ready apps to get you started with a Web application. We've meticulously designed and coded each component and page so that you can create a web application in the shortest amount of time.
You'll be relieved to know that we recently updated the pre-existing features to the most recent versions. In addition, we've removed some features and replaced them with newer ones.
We understand that developing a web app is a difficult task. It necessitates a set of skills as well as a variety of technologies. Frontend development can be messy, and you may find yourself doing the same thing over and over.
To address this frontend development issue, we provide more than just a collection of UI Kits and layouts. We provide an all-inclusive design system that includes Material UI - Styled API (version 5), Simple Components, Complex Components, Pages, Configurable Layouts, and Documentation.
Matx React Free includes a collection of React components that will allow you to create a variety of Apps. MatX can be used for admin panels, management systems, project management, CMS, CRM, web and mobile application backends, and other purposes.
Free Version's Key Features & Updates
Updated (with the latest version)
- Charts
- Echart
- React Router Dom (v6)
Newly Added
- Material UI - Styled api (v5)
- Material UI updated components from MUI@version 5
- React Router Dom (v6) Routing System
Removed & Replaced
- CSS Utilities (replaced by MUI)
- SASS Integrigration (replaced by Styled API)
- Routing System (Replaced by React Router Dom (v6) Routing System)
Features
- Dashboard
- Authentication
- JWT authentication
- Material UI Kits
- Basic form
- Vertical navigation
- Lazy Loading
- Code Splitting
- Sign in
- Sign up
- Forgot password
- Charts
- Echart
Packages
- "@auth0/auth0-spa-js": "^1.19.2",
- "@emotion/react": "^11.5.0",
- "@emotion/styled": "^11.3.0",
- "@mui/icons-material": "^5.1.1",
- "@mui/lab": "^5.0.0-alpha.55",
- "@mui/material": "^5.0.6",
- "autosuggest-highlight": "^3.2.0",
- "axios": "^0.24.0",
- "babel-polyfill": "^6.26.0",
- "clsx": "^1.1.1",
- "cross-fetch": "^3.1.4",
- "date-fns": "^2.26.0",
- "echarts": "^4.8.0",
- "echarts-for-react": "^2.0.16",
- "formik": "^2.2.9",
- "jsonwebtoken": "^8.5.1",
- "jwt-decode": "^3.1.2",
- "lodash": "^4.17.19",
- "merge": "^2.1.1",
- "moment": "^2.29.1",
- "notistack": "^2.0.3",
- "prop-types": "^15.7.2",
- "react": "^17.0.2",
- "react-dom": "^17.0.2",
- "react-material-ui-form-validator": "^3.0.0",
- "react-perfect-scrollbar": "^1.5.8",
- "react-redux": "^7.2.6",
- "react-router-dom": "^6.0.2",
- "react-scripts": "^4.0.3",
- "redux": "^4.1.2",
- "redux-thunk": "^2.4.0",
- "shortid": "^2.2.16",
- "yup": "^0.32.11"
Constant Updates
React's popularity is growing by the day, and its functionality is improving. New versions of this are released regularly, which is another advantage of React because it ensures that any flaws discovered by users are addressed. So, we try to constantly keep our templates updated with the technologies.
Below, you'll find all the key features that are recently added, updated, removed, or replaced from this free version of Matx.
A Good Option for Large Projects
React is a good library to use in many projects, but it may have a lot of features you don't need, especially in smaller applications like static sites. These unused features can quickly add up to a lot of code and memory space that you could avoid by using Preact. So, it is a good option for larger projects.
It is an excellent choice when significant portions of the business logic occur on the front end, i.e. the user's web browser. Facebook is an excellent example of a large app that employs React. Those using React to build a large application will undoubtedly require a state management library such as Redux/Redux Toolkit or MobX. Here we've used Redux.
Community
As Reactjs library is open-source, its huge community support allows you to understand various issues and work fluently. Also, as we made a version of Matx open-source, you will be able to find all the answers related to this product and ask for fixations of any sort of issues by simply mentioning it to its community.
Performance
Another reason to choose Matx is its ultra-smooth performance. The template was created using clean and well-optimized code. The result is incredible. We are providing you with a fully responsive template that is well-documented.
Wrapping Up
Though the points we pointed out above are not the only ones worth mentioning. We believe this open-source admin template is capable of much more. If you have any problems or suggestions for us, please leave them in the comments section below. Thank you for taking the time to read this blog.