ReactAdmin dashboard

slim-free-react-mui-template — React Admin dashboard Template

By Tono2007

A free React and Material UI admin dashboard template with both a complete version and a clean version, including multiple layouts, theme switching, and example pages.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

An admin dashboard template built with React and Material UI, under the MIT license

02

Offers two download options: a complete version and a clean version containing only components, styles, themes, and example pages

03

Includes three built-in layouts—LandingLayout, MainLayout, and MinimalLayout—with react-router routing

04

Supports light and dark theme switching, with state managed by Redux and the React Context API

05

Includes a mock data directory, example pages, and ApexCharts chart-related dependencies

06

Built with Vite, configured with code splitting and path aliases

Template Details

Slim is a free React admin dashboard template under the MIT license, built with the Material UI component library. The repository provides both a complete version (complete-template) and a clean version containing only components, styles, themes, and example pages. The template includes three layouts—LandingLayout, MainLayout, and MinimalLayout—and organizes pages with react-router routing and code splitting. State management uses Redux and the React Context API, charts rely on ApexCharts, and the build tool is Vite.

According to the repository materials, the template is positioned for admin and data interfaces. The README claims 85+ demo pages, hundreds of customized MUI components, light and dark themes, and responsive layouts, and it includes a mock data directory and example applications. Note that these page and component counts come from the project's own description and were not individually verified against the dependency list. The repository was last updated some time ago, and the roadmap items such as a TypeScript version, Next/CRA/Remix versions, and accessibility are still future plans not yet included in the current code.

Regarding licensing, the code is under the MIT license, allowing free use, modification, commercial use, and distribution. However, third-party assets such as demo images, fonts, and icons must be checked separately under their own licenses, and external services such as domains, hosting, and databases may incur separate charges.

ReactAdmin dashboard

Is it right for your project?

Use Cases

  • Building the interface skeleton for a data analytics or management dashboard
  • Serving as a component and layout reference for React + Material UI projects
  • Quickly customizing themes and page structure based on the clean version
  • Preparing responsive pages for desktop and mobile admin applications

Suitable For

  • Developers who need a free MIT-licensed React admin template
  • Frontend projects already using or planning to use Material UI
  • Learners who want to study multiple layouts and routing organization
  • Admin and mid-office projects that need light and dark themes and example pages to get started

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Clone the repository via git clone; the complete version code is in the complete-template directory

  2. 2

    The build tool is Vite; dependencies and scripts are defined in package.json

  3. 3

    Routing is based on react-router-dom and code splitting is enabled

  4. 4

    Third-party assets such as demo images, fonts, and icons must have their licenses checked separately

  5. 5

    The repository was last updated some time ago; check dependency versions and compatibility before use

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially, and distributed free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; the code's MIT license alone is not sufficient to determine this.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 72 / 100
Technologies
React
Website type
Admin dashboard
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2023-05-21
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies React as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 7acdb7bccae919d6641c6c27719a7a047c2d1559d14ddddfcc85bdb8d3baaf32

2026-10-02T23:34:55.529Z

Source file / repository
# slim-mui-template · ![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg) ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg) ![Price](https://img.shields.io/badge/price-FREE-0098f7.svg)

<a href="https://github.com/Tono2007/slim-free-react-mui-template/stargazers">
  <img alt="Stars" src="https://img.shields.io/github/stars/Tono2007/slim-free-react-mui-template?style=social">
<a href="https://github.com/Tono2007/slim-free-react-mui-template/forks">
  <img alt="Forks" src="https://img.shields.io/github/forks/Tono2007/slim-free-react-mui-template?style=social">
</a>
<a href="https://github.com/Tono2007/slim-free-react-mui-template/releases">
  <img alt="Version" src="https://img.shields.io/github/package-json/v/Tono2007/slim-free-react-mui-template?filename=complete-template%2Fpackage.json">
</a>
<a href="https://github.com/Tono2007/slim-free-react-mui-template/graphs/contributors">
  <img alt="React contributors" src="https://img.shields.io/github/contributors/Tono2007/slim-free-react-mui-template">
</a>
<a href="https://github.com/Tono2007/slim-free-react-mui-template/releases"><img src="https://img.shields.io/github/release/Tono2007/slim-free-react-mui-template"></a>
<a href="https://github.com/Tono2007/slim-free-react-mui-template/issues"><img src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat"></a>

![CI/CD](https://github.com/Tono2007/slim-free-react-mui-template/actions/workflows/pipeline.yml/badge.svg)

<div align="center">
<img src="complete-template//src/assets/images/logo/png/Color_logo_nobg.png" />  
</div>
<h3 align="justify">Modern and clean mui Template

Slim - a free and open source React dashboard template made using Material UI React component library with aim of flexibility and better customizability.

Modern & Clean Responsive MUI Material-ui Admin Dashboard Template. It is fully responsive.

It can be used for most type of dashboard and app templates like analytics, admin or messenger app for your desktop or mobile applications. Amazing flexibility and reusability. **85+** Demo pages </h3>

<div align="center">
<img src="complete-template/src/assets/images/logo/png/Color_logotext_nobg.png"  height="50px"/>  

⭐ ⭐ ⭐ Do not forget to star (Top right of this page) it if you like the theme ⭐ ⭐ ⭐
</div>

![slim-free-react-mui-template netlify app_](https://github.com/Tono2007/slim-free-react-mui-template/assets/35477201/89d5c71f-b25d-4627-83d2-580ff845927d)

-   Support React18.
-   Professional user interface.
-   Material UI React components.
-   Fully responsive, all modern browser supported.
-   Easy to use code & folder structure.
-   Flexible & high-Performance code
-   Hundreds of customized MUI components.
-   Pre-build useful pages & Apps.
-   Dark & light mode

## Free SLIM MUI React js version

-   [Complete Version Preview](https://slim-free-react-mui-template.netlify.app/)
-   [Clean Version Preview](https://slim-free-react-mui-clean-template.netlify.app/)
Version with only components, styles, theme and sample page
-   [Download from Github](https://github.com/Tono2007/slim-free-react-mui-template/releases)

## Getting Started

Clone from Github

```
git clone https://github.com/Tono2007/slim-free-react-mui-template.git
```

## Technology Stack

-   [Material UI V5](https://mui.com/)
-   React 18
-   Built with React Hooks API
-   Redux & React Context API for State Management
-   React Router for Navigation Routing
-   Vite
-   Code Splitting
-   Aliases
-   Light/Dark theme support
-   Eslint - airbnb style guide
-   ApexCharts

![JavaScript](https://img.shields.io/badge/JavaScript-%23323330.svg?style=for-the-badge&logo=Javascript&logoColor=%23F7DF1E)
![React](https://img.shields.io/badge/React-149eca?style=for-the-badge&logo=react&logoColor=fff)
![Prettier](https://img.shields.io/badge/Prettier-crimson?style=for-the-badge&logo=Prettier&logoColor=fff)
![ESLint](https://img.shields.io/badge/ESLint-000?style=for-the-badge&logo=ESLint&logoColor=fff)
![MUI](https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)

## Issues

To report a bug, please submit an [issue](https://github.com/Tono2007/slim-free-react-mui-template/issues) on Github. We will respond as soon as possible to resolve the issue.

## Roadmap
### Priorities
- More components!
- More Pages
- Better customization
- Better documentation
- Performance
- Bundle size
---
## In future
- User issues & support
- Typescript version
- Next/CRA/Remix versions
- Accessibility.


## Color Presets

We use different colors

| ![#f03c15](https://placehold.it/40/1560BD/1560BD?text=.) | ![#f03c15](https://placehold.it/40/FEC604/FEC604?text=.) | ![#f03c15](https://placehold.it/40/E219D7/E219D7?text=.) | ![#f03c15](https://placehold.it/40/17A3F1/17A3F1?text=.) | ![#f03c15](https://placehold.it/40/F0F2F7/F0F2F7?text=.) |
| -------------------------------------------------------- | -------------------------------------------------------- | -------------------------------------------------------- | -------------------------------------------------------- | -------------------------------------------------------- |

## Changelog

<!-- https://ascii-tree-generator.com/ -->

## Folder Structure

```bash
├── package.json           -> Package json file.
├── public
├── README.md
├── src
│   ├── _mocks             -> Mock Json data to be used for working apps
│   ├── assets
│   │   ├── images
│   │   ├── css            -> Template css files
│   │   │   ├── style.css  -> Application main css file
│   ├── components
│   │   │── layouts
│   │   │   ├── LandingLayout  -> Layout for landing components & routers
│   │   │   ├── MainLayout     -> Layout for main components & routers
│   │   │   ├── MinimalLayout  -> Layout for mimimal components & routers
│   │   ├── loader
│   │   ├── modal
│   │── pages              -> View files for all pages
│   ├── contexts/redux     -> State management
│   ├── utils
│   │   ├── helpers        -> helpers utilities
│   │   ├── hocs           -> Custom hocs
│   │   ├── hooks          -> Custom hooks
│   │   ├── routes         -> router
│   │   ├── theme          -> custom theme provider
│   │   ├── constants      -> general app constants
│   ├──App.js              -> starting point of application
├── vite.config.js         -> Template constant value and live customization
├── index.html
```

## DOC

Slim routing system is based on [react-router](https://reacttraining.com/react-router) and its package [react-router-dom](https://reactrouter.com/en/main), it's also using code splitting for better performance.

## License

-   Licensed cover under [MIT](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSE)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

ant-design-pro

ant-design-pro

Ant Design Pro is an enterprise-grade React admin scaffold built on React 19, Umi Max 4, and antd 6 with TypeScript.

React · Admin dashboard

coreui-free-react-admin-template

coreui-free-react-admin-template

CoreUI's free React admin template, built on React and the CoreUI component library, provides dashboard layouts, sidebar navigation, routing, and example views. It includes .cursorrules, ARCHITECTURE.md, and DEVELOPMENT.md context files, plus JSDoc comments and PropTypes, to support AI-assisted development.

React · Admin dashboard

fastapi-react

fastapi-react

A Cookiecutter template for FastAPI + React (TypeScript) full-stack projects, integrating PostgreSQL, SQLAlchemy, Alembic, Celery, Redis, JWT authentication, a react-admin admin panel, and a Docker Compose development environment with Nginx reverse proxy.

React · Admin dashboard

react-antd-admin-template

react-antd-admin-template

A React + Ant Design admin template for mid- and back-office products, with built-in login/logout, dynamic routing, permission checks, and user management.

React · Admin dashboard

react-saas-template

react-saas-template

A React and Material-UI template for SaaS or admin websites, offering dashboard, chart, blog, payment, and file upload components. It uses Create-React-App, React-Router, Recharts, React-Stripe-js, React-Dropzone, and React-Cropper, with theme colors centralized in src/theme.js.

React · Admin dashboard

react-material-admin

react-material-admin

React Material Admin is an MIT-licensed React admin template by Flatlogic, built on Material-UI. It provides dashboards, charts, tables, authentication, profile, and notification pages, with three color themes and responsive layouts.

React · Admin dashboard