Mantis Free React Material UI Dashboard Template

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
• Download
• Why Mantis?
• What's included in Premium Version?
• Documentation
• Browser support
• Technology Stack
• Mantis Figma UI Kit
• Other Technologies
• More React Dashboard Templates from CodedThemes
• Issues?
• License
• Community and Support
• Useful Resources
• 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
  • Download
• Mantis Pro
  • Live Preview
  • Download

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 v9).
• Prompt Library for centralized access to prebuilt AI prompts.
• 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 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	Mantis Pro
7 Demo pages	Demo pages (100+)
-	✓ Components (299+)
-	✓ Multi-language
-	✓ Dark/Light Mode 🌓
-	✓ TypeScript version
-	✓ Next JS 16
-	✓ Design files (Figma)
-	✓ Multiple color options
-	✓ RTL
-	✓ Applications (5+)
-	✓ Form Validation
-	✓ Layout (11+)
-	✓ Plugins (9+)
-	✓ React Table (21+)
-	✓ ApexChart + MUI Chart
-	✓ Authentications ( JWT, Auth0, Supabase, AWS, Firebase )
✓ MIT License	✓ Pro License

Documentation

Mantis documentation helps you out in all aspects from Installation to deployment.

Browser support

<p align="left"> <picture> <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/chrome.png" width="45" alt="Chrome"> </picture> &nbsp; <picture> <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/edge.png" width="45" alt="Edge"> </picture> &nbsp; <picture> <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/safari.png" width="45" alt="Safari"> </picture> &nbsp; <picture> <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/firefox.png" width="45" alt="Firefox"> </picture> &nbsp; <picture> <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/opera.png" width="45" alt="Opera"> </picture> </p>

Technology Stack

• Material UI V9
• React 19.2
• Next JS 16
• Typescript 6
• 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	Pro
<p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Bootstrap.png" width="30" height="30"></p>	Free	Pro
<p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Vue.png" width="25" height="25"></p>	Free	Pro

More React Dashboard Templates from CodedThemes

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

Issues

Please generate a Github issue if you found a bug in any version. We are try our best to resolve the issue.

License

• Licensed under MIT
• Copyright © CodedThemes

Community and Support

• GitHub Discussion - Ask questions and share ideas
• X/Twitter — @codedthemes, @rakesh_nakrani @dobaria_brijesh
• Join Discord – Connect with the community

Useful Resources

• More Admin Templates From CodedThemes
• Freebies From CodedThemes
• Big Bundles
• Figma UI Kits
• Affiliate Program
• Blogs

Follow Us

• X/Twitter 🐦
• Dribbble 🏀
• Github 🐙
• LinkedIn 💼
• Instagram 📷
• Facebook 🟦