Mantis MUI React Dashboard Template

Mantis MUI React Dashboard Template



Framework MUI
Version 3.1.1
Last update December 21, 2023
Created img

April 12, 2023

Browser img

Edge, Chrome, Mozilla, Safari

File Text img


Support img

6 Months

Upload img

1 Year

File Plus img
Files Included


Mantis is a professionally made React dashboard template with ready-to-use Material UI components. Mantis is well suited for enterprise applications with its simple yet minimal design that makes great User Experience. It features real-world applications like Chat, User Management, E-commerce, and CRM. The design is heavily inspired by Ant Design.

Mantis Figma Preview

Join our Discord server to connect with our community in real time.

⚡️⚡️⚡️ Next.js (with next-auth) is now available for download. ⚡️⚡️⚡️

Mantis is available in multiple frameworks now.** Show me!

A glimpse of latest v3.0.0

  • Next JS App directory
  • Vite – Curios how to migrate to Vite? Read here
  • React Router with error boundary
  • Switched to SWR, no more Redux. Why?
  • React table v8
  • NPM font
  • Map

Package contents

The download package includes the following:

  JavaScript – CRA✔✔✔
  TypeScript – CRA✔✔
  JavaScript – Vite✔✔✔
  TypeScript – Vite✔✔
  Next.js (JS)✔✔✔
  Next.js (TS)✔✔
  Figma Files✔✔


Key features

  • Quick start with the Skeleton and Seed versions.
  • New – 8+ color presets.
  • New – Font Family options (Public Sans, Roboto, Poppins, Inter).
  • Light/dark and Collapse layouts.
  • Professional style color palettes.
  • Lots of customized Material UI components.
  • Pre-Built useful pages & apps.
  • LTR / RTL (right-to-left) layouts.
  • Responsive design with the support of modern browsers.
  • Extremely easy-to-use folder & code structure.
  • Prettier and well-commented code style.
  • Internationalization (i18n) support.
  • Easy documentation guide.


  • 80+ ready-to-use pages.
  • 5 conceptual Apps like E-commerce, Chat, User Management, Social Profile and Calendar.
  • Vertical page layout with unlimited menu-level support.
  • Live customizer with font selection options, layout switcher, and layout width settings.
  • 2 conceptual dashboards.
  • Animation & color shadows.
  • Table variants like simple table, data table, data grid, and enhanced table with search, filter, and pagination support.
  • 4 Variants of Authentication pages – Login, Register, Forget & Reset the password, OTP verification.
  • Maintenance pages like error, coming soon (2 variants), under construction.
  • Utility pages like grid, typography, color, shadows, and icons.
  • Landing page.
  • Contact page.

Layout Playground

Live Customizer with the following features. To play with it click on the top-right gear icon in the dashboard.

  • Choose layouts from default, collapse, and RTL.
  • Theme mode – Light or Full Dark.
  • Color scheme 8+ presets.
  • Layout width – Container, Fluid.
  • Choose font family – Roboto, Inter, Public Sans, and Poppins.

Technology stack

  • Built with Material UI v5 component library.
  • Authentication using – Auth0FirebaseJWT, AWS Cognito
  • Built with React Hooks API.
  • Redux Toolkit
  • Redux & React Context API for state management.
  • React Router for navigation routing.
  • Axios for mock API data.
  • Create React App
  • Code Splitting.
  • TypeScript support (Standard Plus and Extended licenses only)
  • CSS-in-JS where CSS is composed using JavaScript instead of defined in external files.
  • Multi-language support.


Mantis has been tested thoroughly in the following environment. 

  • Browser compatibility – Chrome, Mozilla, Edge, Safari (macOS), Opera
  • Design tested on Retina displays, laptop media, and responsive media like tablet/iPad and mobile devices.

Figma design resources

The Mantis Figma Design file is available with the Standard Plus & Extended License. All components and pages are available with proper arrangement. All settings like Colors, Typography, Shadow, and Components are made of master components so you can easily change the entire files with one single click.


Documentation – This helps you to quickly start using Mantis from the Installation to Build steps you will find everything there.

No review found.



Change Log

Dec 21, 2023(v3.1.1)

  • Removed getServerSideProps() for next-auth in NextJS

  • No updates in Vite Packages


Nov 04, 2023(v3.1.0)

  • Migrate to vite

    • Image path updates

  • Bug Fix

    • Infinite loading issue after login

    • RTL issue in react-table

  • Improve active menu using matchPath

Note: Excitingly, this release introduces significant updates to the Vite and Next.js packages, with the React-script package remaining stable at version 3.0.0.


Oct 24, 2023 (v3.0.0)

  • Add Support for App directory in next JS

  • Removed redux

  • Added SWR

  • Migrate to react table v8

  • Added Dense table

  • Use NPM fonts

  • Added Full screen toggle

  • Map

  • CRA route updates with Error Boundary and Loader

  • Added Custom breadcrumb component

  • Stops collapsing menu on large media for Apps

  • Menu updates

    • Set item without group - See Sample Page

    • Set external link in menu - See Calendar Menu

    • Set Dropdown in menu - See Maintenance Menu

    • Set pop up - See Customer -> List Menu

    • Horizontal menu updates

      • Set a simple page as a clickable item

      • Set line separator for without group items

      • Fixed breadcrumb for clickable item (without group items)

  • Set State for Customer App

  • Removed auto verification from AWS auth

  • Package upgrades

  • Bug Fixes


May 17, 2023(v2.1.0)

  • Update to Next 13 (Without App Directory)

    • App directory will be provided in upcoming releases

  • Other packages upgrades

  • Remove Mock API and use Live but Fake API

  • Set Default Auth as JWT

  • .env updates

  • React table

    • Added virtual data loading

    • Added infinite scroll

    • Group chip in the group table

  • Bug Fixes

    • Fix some dark and RTL issues

    • Resolve active menu issue

    • Landing design fixes

    • Fix the Google autocomplete issue

    • React table fixes in the umbrella page


Feb 21, 2023(v2.0.0)

  • Invoice generator.

  • Export to CSV on Most react-table

  • Export to PDF

    • User Card

    • Invoice

  • Menu expandable with page.

  • Menu Layout - Horizontal

  • Components

    • Tabs - Scrollable tab variant

    • Avatar - Group Avatar Hover

    • Progress - Background path for circular

    • Tooltip - Color Tooltip

    • Google Auto-Complete

    • SnackBar - Added stacked snackbar

    • Date Range Picker

  • React Table

    • Editable table with validation

    • Resize Column

    • Sticky header

    • Empty - no data table

    • Type updates

  • Animations added on dialogs, popper, and landing

  • The welcome image on First Dashboard

  • Customer

    • move from profile to customer-> Card, List

    • Added sorting and filtering

  • Login - After logging in, the user should be automatically forwarded to the called link

  • Forgot the password to aws

  • Render menu from the backend

  • Auth keys moved from config to .env

  • Bug Fixes

    • Multiple menus are active

    • E-commerce product list issue

    • Breadcrumb

    • RTL issue organization chart


Nov 17, 2022(v1.2.0)

  • Support React18

  • Added Kanban App

  • Remove the Skeleton from the Package

  • Packages upgrades

  • SVG file updates due to React 18

  • Removed .default from the end wherever the image has been used

  • Added config-override.js to support native node module in react 18


July 05, 2022 (v1.1.0)

  • Both Nextjs JavaScript and TypeScript versions were added to the package.


June 21, 2022 (v1.1.0)

  • New Features

    • Next JS (Added on July 5, 2022)

    • Slider Component

    • Modal Component

    • Fab button Component

    • Forms (Wizards, Layouts, Plugins, Validations)

    • Charts (Apex, Organisation)

    • Provided alert on password capslock

    • User Pages (Lists and Cards)

    • DropZone

    • Widgets (Data, Statistics, and Chart)

    • Added Role tab in Account Profile

    • Added footer in dashboard

  • Improvement/Fixes

    • Resolve the flickering issue on landing. A footer was rendered first then the header, this is fixed.

    • Added missing keyboard focus for usability. Thanks to Olivier for bringing this up.

  • Package upgrades

  • Other minor improvements

  • Figma updates as per new features


May 27,2022(v1.0.0)

  • Initial Release

  • JavaScript/TypeScript package with full preview, Skeleton, and Seed versions.

Special Offer

Use Coupon Code - CYBERSALE2023