Admin dashboard template built with React and Material UI React component library
ReactAdmin dashboard
mantis-react-admin-template — React Admin dashboard Template
By rebyteai-template
A free admin dashboard template built with React and Material UI, offering 7 demo pages and released under the MIT license.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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-13View source
What stands out
A quick read of the recorded project description.
Free version includes 7 demo pages, released under the MIT license
Uses React Hooks API and Context API for state management, SWR for data fetching
React Router handles navigation routing, supports Vite build and code splitting
Styling uses CSS-in-JS, code structure is easy to adjust as needed
Template Details
Mantis Free is an open-source React admin dashboard template built with the Material UI React component library, incorporating some Ant Design principles in its design. The free version provides 7 demo pages with a clear code structure, ready to run as a starting point for dashboard-type applications.
Technically, the template is based on the React Hooks API, uses the React Context API for state management, SWR for data fetching, React Router for routing, and supports Vite build and code splitting, with CSS-in-JS for styling.
Note the version boundaries: TypeScript version, multilingual support, dark/light mode, RTL, JWT authentication, additional components, and Figma design files are all part of the paid Pro version and not included in the free version. Authentication integrations such as Firebase mentioned in the README also fall under Pro; enabling related dynamic features on the free codebase requires self-configuration and checking the quotas and fees of third-party services. Third-party assets like demo images, fonts, and icons need separate license verification.
ReactAdmin
Is it right for your project?
Use Cases
- Prototyping dashboard interfaces for admin systems
- As a UI starting point for secondary development in React + Material UI projects
- Reusing existing layout and component structure in internal tools or admin panels
Suitable For
- Front-end developers using React and Material UI stack
- Teams needing free, commercially usable admin template code
- Individual projects wanting to quickly start with a ready-made dashboard structure
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository from GitHub, run yarn to install dependencies, then yarn run start to launch the development environment
- 2
The free version does not include TypeScript, multilingual, dark mode, RTL, or JWT authentication; these are part of the Pro version
- 3
Integrations like Firebase mentioned in the README require self-configuration and checking the quotas and fees of the respective services
- 4
Third-party assets such as demo images, fonts, and icons need separate license verification
- 5
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license from the public repository; the free scope applies to this version's code, not to external services or third-party assets.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- Code is provided as-is; warranties and liability limitations are governed by the original license and applicable law.
Additional costs & items to verify
- The README mentions Firebase integration; enabling related dynamic features requires self-configuration and checking Firebase's quotas and fees.
- Project materials mention optional paid versions or features; this entry only includes the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets need separate license verification and cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional charges.
- TypeScript, apps, authentication methods like JWT/Auth0/Firebase/AWS/Supabase, advanced components, form plugins, layouts, and widgets are all part of the paid Pro version and not included in the free version.
- The free version provides only 7 demo pages; 85+ demo pages are part of the Pro version.
- Multilingual functionality is only available in the Pro version, not in the free version.
- Dark/light mode is only available in the Pro version, not in the free version.
- TypeScript version is only available in the Pro version, not in the free version.
- Figma design files are only available in the Pro version, not in the free version.
- RTL layout support is only available in the Pro version, not in the free version.
- JWT authentication is only available in the Pro version, not in the free version.
- Additional components are only available in the Pro version, not in the free version.
- The free version uses the MIT license, while the Pro version uses a separate Pro License; the two have different licensing scopes.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
The [Pro version](https://mantisdashboard.com/) of Mantis react template includes features such as TypeScript, apps, authentication methods (i.e. JWT, Auth0, Firebase, AWS, Supabase), advance components, form plugins, layouts, widgets, and more.
Original README
| **7** Demo pages | **85+** demo pages
Original README
| - | ✓ Multi-language
Original README
| - | ✓ Dark/Light Mode 🌓
Original README
| - | ✓ TypeScript version
Original README
| - | ✓ Design files (Figma)
Original README
| - | ✓ RTL
Original README
| - | ✓ JWT authentications
Original README
| - | ✓ [More components](https://mantisdashboard.com/components-overview/autocomplete)
Original README
https://github.com/rebyteai-template/mantis-react-admin-template/blob/master/LICENSEhttps://github.com/rebyteai-template/mantis-react-admin-template/blob/master/README.md| ✓ [MIT License](https://github.com/codedthemes/mantis-free-react-admin-template/blob/master/LICENSE) | ✓ [Pro License](https://mui.com/store/license/)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. 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
- More documented · 80 / 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
- 2026-01-24
- Screenshot last checked
- 2026-10-13
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.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: c33327a56908928022edb013722c969ec6082f191e0afda2332058a5551fa9d4
2026-10-13T09:52:13.735Z
Source file / repository# Mantis Free React Material UI Dashboard Template [](https://twitter.com/intent/tweet?text=Get%20Mantis%20Free%20React%20-%20The%20Most%20Beautiful%20Material-UI%20Designed%20Admin%20Dashboard%20Template%20&url=https://mantisdashboard.com/free&via=codedthemes&hashtags=react,materialui,nextjs,webdev,developers,typescript) [](https://opensource.org/licenses/MIT) [](https://github.com/codedthemes/mantis-free-react-admin-template/blob/master/LICENSE) [](https://github.com/codedthemes/mantis-free-react-admin-template/) [](https://codedthemes.com/item/mantis-free-mui-admin-template/) [](https://discord.com/invite/p2E2WhCb6s) Mantis is a free and open source React dashboard template made using the Material UI React component library with aim of flexibility and better customizability. ### Name Derived From Nature Mantis Logo is inspired from the insect name - 'Mantises' as they have triangular heads with flexible Necks. Also, the name is derived from two popular design systems, Material and Ant Design (M-Ant-is). Mantis has Ant Design principal on top of the Material UI React component library. ✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine  ## Table of contents - [Getting Started](#getting-started) - [Download](#download) - [Why Mantis?](#why-mantis) - [What's included in Premium Version?](#whats-included-in-premium-version) - [Documentation](#documentation) - [Browser support](#browser-support) - [Technology Stack](#technology-stack) - [Mantis Figma UI Kit](#mantis-figma-ui-kit) - [Other Technologies](#other-technologies) - 💰[Save more with Big Bundle](#save-more-with-big-bundle)💰 - [More React Dashboard Templates](#more-react-dashboard-templates) - [Issues?](#issues) - [License](#license) - [Contributor](#contributor) - [Useful Resources](#useful-resources) - [Community](#community) - [Follow us](#follow-us) ## Getting Started 1. Clone from Github ``` git clone https://github.com/codedthemes/mantis-free-react-admin-template.git ``` 2. Install packages ``` yarn ``` 3. Run project ``` yarn run start ``` ## Download - Mantis Free - [Live Preview](https://mantisdashboard.com/free/) - [Download](https://codedthemes.com/item/mantis-free-mui-admin-template/) - Mantis Pro - [Live Preview](https://mantisdashboard.com/) - [Download](https://codedthemes.com/item/mantis-mui-react-dashboard-template/) ## Why Mantis? Mantis offers everything needed to build an advanced dashboard application. In the initial release, we included following high-end features, - Support React19. - Professional user interface. - Material UI React components(MUI v7). - Fully responsive, all modern browser supported. - Easy to use code structure - Flexible & high-Performance code - Simple documentation ## What's included in Premium Version? The [Pro version](https://mantisdashboard.com/) of Mantis react template includes features such as TypeScript, apps, authentication methods (i.e. JWT, Auth0, Firebase, AWS, Supabase), advance components, form plugins, layouts, widgets, and more. | [Mantis Free](https://mantisdashboard.com/free/) | [Mantis](https://mantisdashboard.com/) | | ---------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------- | | **7** Demo pages | **85+** demo pages | | - | ✓ Multi-language | | - | ✓ Dark/Light Mode 🌓 | | - | ✓ TypeScript version | | - | ✓ Design files (Figma) | | - | ✓ Multiple color options | | - | ✓ RTL | | - | ✓ JWT authentications | | - | ✓ [More components](https://mantisdashboard.com/components-overview/autocomplete) | | ✓ [MIT License](https://github.com/codedthemes/mantis-free-react-admin-template/blob/master/LICENSE) | ✓ [Pro License](https://mui.com/store/license/) | ## Documentation [Mantis documentation](https://codedthemes.gitbook.io/mantis) helps you out in all aspects from Installation to deployment. ## Browser support <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/chrome.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/edge.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/safari.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/firefox.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/opera.png" width="45" height="45" > ## Technology Stack - Material UI V7 - Built with React Hooks API. - React context API for state management. - SWR. - React Router for navigation routing. - Support for Vite. - Code splitting. - CSS-in-JS. ## Mantis Figma UI Kit | FREE | PRO | | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | | <a href="https://codedthemes.com/item/mantis-free-figma-ui-kit/" traget="_blank"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma_Free_Mantis.png" width="450" alt="Figma Free"></a> | <a href="https://codedthemes.com/item/mantis-figma-ui-kit/" traget="_blank"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Figma_Pro_Mantis.png" width="450" alt="Figma Pro"></a> | ## Other Technologies | Technology | Free | Pro | | --------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------- | | <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Angular.png" width="25" height="25"></p> | [**Free**](https://codedthemes.com/item/mantis-angular-free-admin-template/) | [**Pro**](https://codedthemes.com/item/mantis-angular-admin-template/) | | <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Bootstrap.png" width="30" height="30"></p> | [**Free**](https://codedthemes.com/item/mantis-bootstrap-free-admin-template/) | [**Pro**](https://codedthemes.com/item/mantis-bootstrap-admin-dashboard/) | | <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Vue.png" width="25" height="25"></p> | [**Free**](https://codedthemes.com/item/mantis-free-vuetify-vuejs-admin-template/) | [**Pro**](https://codedthemes.com/item/mantis-vue-admin-template/) | ## Save more with Big Bundle [](https://links.codedthemes.com/jhFBJ) ## More React Dashboard Templates | Dashboard | FREE | PRO | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | | <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Berry%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/berry-mui-free-react-admin-template/) | [**Pro**](https://codedthemes.com/item/berry-material-react-admin-template/)</span> | | <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Datta%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/datta-able-react-free-admin-template/) | [**Pro**](https://codedthemes.com/item/datta-able-react-admin-template/)</span> | | <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Gradient%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/gradient-able-reactjs-free-admin-template/) | [**Pro**](https://codedthemes.com/item/gradient-able-reactjs-admin-dashboard/)</span> | ## Issues Please generate a [Github issue](https://github.com/codedthemes/mantis-free-react-admin-template/issues) if you found a bug in any version. We are try our best to resolve the issue. ## License - Licensed under [MIT](https://github.com/codedthemes/mantis-free-react-admin-template/blob/master/LICENSE) - Copyright © [CodedThemes](https://codedthemes.com/) ## Contributor **CodedThemes Team** - https://x.com/codedthemes - https://github.com/codedthemes **Rakesh Nakrani** - https://x.com/rakesh_nakrani **Brijesh Dobariya** - https://x.com/dobaria_brijesh ## Useful Resources - [More Admin Templates From CodedThemes](https://codedthemes.com/item/category/admin-templates/) - [Freebies From CodedThemes](https://codedthemes.com/item/category/free-templates/) - [Big Bundles](https://codedthemes.com/item/big-bundle/) - [Figma UI Kits](https://codedthemes.com/item/category/templates/figma/) - [Affiliate Program](https://codedthemes.com/affiliate/) - [Blogs](https://blog.codedthemes.com/) ## Community - 👥Follow [@codedThemes](https://x.com/codedthemes) - 🔗Join [Discord](https://discord.com/invite/p2E2WhCb6s) - 🔔Subscribe to [CodedTheme Blogs](https://blog.codedthemes.com/) ## Follow Us - [Twitter](https://twitter.com/codedthemes) 🐦 - [Dribbble](https://dribbble.com/codedthemes) 🏀 - [Github](https://github.com/codedthemes) 🐙 - [LinkedIn](https://www.linkedin.com/company/codedthemes/) 💼 - [Instagram](https://www.instagram.com/codedthemes/) 📷 - [Facebook](https://www.facebook.com/codedthemes) 🟦
Explore similar templates
Compare previews and descriptions within the same stack and category.
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'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
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
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
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 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