Mantis MUI React Dashboard Template

Mantis MUI React Dashboard Template

Mantis MUI React Dashboard Template
MUI
React

Looking for customization?

HIRE US
download_icon 2497

Download

licence-check-icon-all

100% Money Back Guarantee

licence-check-icon-all

Free Technical Support

licence-check-icon-all

Free Updates

Created img
Created

April 12, 2023

Last Updated
Last Updated

2024-04-06

Browser img
Browser

Edge, Chrome, Mozilla, Safari

File Text img
Documentation

Well Documented

Support img
Support

6 Month

File Plus img
Files Included

Typescript, JavaScript

File Plus img
Version

3.2.0

Upload img
Update

1 Year

Helpfull dot img

Advance Dashboard & Unique Layouts

Mantis MUI React Dashboard Template offers a modern design pre-build dashboard with unique layouts that are customized with light/dark, collapse, LTR / RTL, fluid/container width, color Scheme, and many more modes.

Dashboard
0
Layouts
0
Pages
0 +
Applications
0
UI Components
0 +
Cards
0 +
Widgets
0 +
Charts
0 +
Helpfull dot img 1

Creative Cards

65+ cards components to visualize your data beautifully.

Img

Ready to Use Component

Ready to use common UI components to build stunning, user-friendly, and interactive web apps and websites.

Common ready to use components that include in dashboard

Thrilling Application

Helpfull dot img

7 fast and powerful app to reduce cost, efforts and time of the developers

Helpfull dot img

Description

What is Mantis MUI admin Dashboard?​

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:

 PackageStandardPlusExtended
  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.

Features

  • 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.

Compatibility

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

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

Helpfull dot img

Reasons to choose Mantis

Below are top features of Mantis MUI React Admin Template

Programming 1
Quality and Clean Code

Well clean and well tested code check with various code validators.

Fast loading speed
Faster Loading Speed

Pages render fast with the best score in google page speed tool.

Quick search
Quick Search

We include quick search option to find your desired content.

Easy to customize 2
Easy to Customize

Easy to modify according to your requirements.

Responsive design 1
Retina Responsive Ready

Every component are highly responsive and retina ready too.

Language 1
Language Support

Built Personalized app with quick language support.

Plugin
Awosome Plugins

We've integrated every possible 3'rd party plugins which suits your backend need.

Seed version
Seed Version

Seed version to start your project quickly without removing unnecessary features.

Helpfull dot img

Pre built Components

Free VS Premium Pre built Components

FEATURES FREE PREMIUM
Dashboard
  • Default
  • Default
  • Analytics
Page layouts
  • Vertical
  • Horizontal
  • Compact
  • Dark Layout
  • Light Layout
  • Box Layout
  • RTL
Widget
  • Statistic
  • Data
  • Chart
Components
  • Typography
  • Card
  • Breadcrumb
  • Colors
  • Spinner
  • Shadow
  • AutoComplete
  • Buttons
  • Checkbox
  • Radio
  • Rating
  • Switch
  • Slider
  • Text Filed
  • Avatar
  • Badge
  • Chip
  • List
  • Tooltip
  • Typography
  • Alert
  • Dialog
  • Progress
  • Snackbar
  • Breadcrumb
  • Pagination
  • Speed Dial
  • Stepper
  • Tabs
  • Accordiong
  • Cards
  • Colors
  • Date & Time
  • Model
  • Shadows
  • Timeline
  • Tree View
Application
  • Chat
  • Calendar
  • Customer
  • Profile
  • E-commerce
  • Kanban
  • Invoice
Pages
  • Login
  • Register
  • Authentication
  • Price
  • Maintenance
  • Conatc Us
Forms, Table, Chart & Map
  • Form Validation
  • Form Wizard
  • Layouts
  • Plugins
  • React Table
  • MUI Table
  • Apexchart
  • Organization Chart
  • Map

Get Free Mantis React Admin Dashboard

Helpfull dot img

Technologies Slack

Mantis MUI React Admin Dashboard integrated with respective technologies.

Mantis mui react admin dashborad template made with all these technology
Helpfull dot img

Frequently Asked Questions

General Questions

Admin Theme is an HTML, CSS and JavaScript template that is used to build the user interface for the admin side of a web application. Generally, they contain HTML and CSS code for designs that you can use while building your admin dashboard.

The main benefit of using admin themes/templates is saving time and money. Because by using our product you don’t need to higher a designer and code the frontend templates. Just get your application ready in a short time.

Yes, We provide a free version of most premium products.  You can check in freebies category.

Use in SaaS(Software as a Service) means you can use our product to create an application where the end-user is charged for the monthly & annually subscription plan.

License

Single Use License is used for a single product only where the end user can’t be charged (it may be you or your one client).

Note – This license is not suitable for SaaS-based projects.

Multi Use License is used for unlimited projects where the end user can’t be charged (it may be you or your client), no matter how much project is there.

Note – This license is not suitable for SaaS-based projects.

Extended Use License is used for a single project only where the end user can be charged (it may be you or your one client).

Note – This license is suitable for SaaS-based projects.

Multi Extended Use License is used for unlimited projects where the end user can be charged (it may be you or your client), no matter how much project is there.

Note – This license is suitable for SaaS-based projects.

No, you did not require any license for subdomains once you purchase.

End user is the actual user who use your website/web app.

The End Product refer to the final product (website, software, web app, mobile app) created using the item.

Yes, of course after purchasing the single license you can definitely upgrade to other licenses as per your requirements.

Account Questions

You can get future update base on the license terms you purchased.

  • If you have completed your order then the item is visible in your account.
  • To check login to codedthemes.com and visit to my account section.

Just follow easy steps –

  1. Login to CodedThemes.com.
  2. Visit to my account -> Download tab.
  3. Click on the view/download invoice button.
  4. At the bottom of the Invoice, you will find the Print, Download button to download it.

Payment Questions

CodedThemes uses Stripe, PayPal, and RazorPay payment gateways, which enable users to pay via all major debit and credit cards like Visa, MasterCard, AMEX, Discover, AliPay, JCM, Diners Club, and many more cards.

Buy once and use for a lifetime. Every license is valid for lifetime usage.

If you are facing the issue then it may be possible that your bank/card has a limitation, in that cases we request you to please get in touch with your respective authority. 

Unlock of our Premium Admin Templates & UI Kits with 97% OFF - Save Your Hundred of Hours!

$99.00

$1260.00

No data holder

No review found.

Review

(0.00)

Frequently Asked Questions

General Questions

Admin Theme is an HTML, CSS and JavaScript template that is used to build the user interface for the admin side of a web application. Generally, they contain HTML and CSS code for designs that you can use while building your admin dashboard.

The main benefit of using admin themes/templates is saving time and money. Because by using our product you don’t need to higher a designer and code the frontend templates. Just get your application ready in a short time.

Yes, We provide a free version of most premium products.  You can check in freebies category.

Use in SaaS(Software as a Service) means you can use our product to create an application where the end-user is charged for the monthly & annually subscription plan.

License

Single Use License is used for a single product only where the end user can’t be charged (it may be you or your one client).

Note – This license is not suitable for SaaS-based projects.

Multi Use License is used for unlimited projects where the end user can’t be charged (it may be you or your client), no matter how much project is there.

Note – This license is not suitable for SaaS-based projects.

Extended Use License is used for a single project only where the end user can be charged (it may be you or your one client).

Note – This license is suitable for SaaS-based projects.

Multi Extended Use License is used for unlimited projects where the end user can be charged (it may be you or your client), no matter how much project is there.

Note – This license is suitable for SaaS-based projects.

No, you did not require any license for subdomains once you purchase.

End user is the actual user who use your website/web app.

The End Product refer to the final product (website, software, web app, mobile app) created using the item.

Yes, of course after purchasing the single license you can definitely upgrade to other licenses as per your requirements.

Account Questions

You can get future update base on the license terms you purchased.

  • If you have completed your order then the item is visible in your account.
  • To check login to codedthemes.com and visit to my account section.

Just follow easy steps –

  1. Login to CodedThemes.com.
  2. Visit to my account -> Download tab.
  3. Click on the view/download invoice button.
  4. At the bottom of the Invoice, you will find the Print, Download button to download it.

Payment Questions

CodedThemes uses Stripe, PayPal, and RazorPay payment gateways, which enable users to pay via all major debit and credit cards like Visa, MasterCard, AMEX, Discover, AliPay, JCM, Diners Club, and many more cards.

Buy once and use for a lifetime. Every license is valid for lifetime usage.

If you are facing the issue then it may be possible that your bank/card has a limitation, in that cases we request you to please get in touch with your respective authority. 

Unlock of our Premium Admin Templates & UI Kits with 97% OFF - Save Your Hundred of Hours!

$99.00

$1260.00

Change Log


- Sep 09,2024



v3.3.0




  • Authentication structure change and improvement

  • Added Supabase

  • MUI charts

  • Package upgrade

  • Added Invoice dashboard

  • Menu (vertical & Horizontal)

  • Bug fixes

  • Customizer

  • Seed bug fixes

  • Other bug fixes





- Apr 06, 2024



v3.2.0



  • Package upgrades

  • Set yarn v4

  • Improved use client in next JS

    • Try removing from possible components

    • Separate component to use 'use client'

    • Removed unused use Theme

    • Removed unused styled component



  • Removed unused component="div" and component="span"

  • Removed unused align="left" as its default

  • Image path updates for VITE

  • Change the arrow/const function to the JavaScript function for Hoisting in components

  • Import updates for performance

    • MUI components

    • Ant icons

    • Apexchart



  • Bug fixes

    • next-auth route

    • Use consistent - bgcolor / backgroundColor /background

    • Virtualized react-table scroll issue

    • Apexchart legend issue on RTL mode







-Dec21,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







- Oct 24, 2023



v3.0.0



  • Add Support for App directory in next JS

  • Removed redux and 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.



Frequently Asked Questions

General Questions

Admin Theme is an HTML, CSS and JavaScript template that is used to build the user interface for the admin side of a web application. Generally, they contain HTML and CSS code for designs that you can use while building your admin dashboard.

The main benefit of using admin themes/templates is saving time and money. Because by using our product you don’t need to higher a designer and code the frontend templates. Just get your application ready in a short time.

Yes, We provide a free version of most premium products.  You can check in freebies category.

Use in SaaS(Software as a Service) means you can use our product to create an application where the end-user is charged for the monthly & annually subscription plan.

License

Single Use License is used for a single product only where the end user can’t be charged (it may be you or your one client).

Note – This license is not suitable for SaaS-based projects.

Multi Use License is used for unlimited projects where the end user can’t be charged (it may be you or your client), no matter how much project is there.

Note – This license is not suitable for SaaS-based projects.

Extended Use License is used for a single project only where the end user can be charged (it may be you or your one client).

Note – This license is suitable for SaaS-based projects.

Multi Extended Use License is used for unlimited projects where the end user can be charged (it may be you or your client), no matter how much project is there.

Note – This license is suitable for SaaS-based projects.

No, you did not require any license for subdomains once you purchase.

End user is the actual user who use your website/web app.

The End Product refer to the final product (website, software, web app, mobile app) created using the item.

Yes, of course after purchasing the single license you can definitely upgrade to other licenses as per your requirements.

Account Questions

You can get future update base on the license terms you purchased.

  • If you have completed your order then the item is visible in your account.
  • To check login to codedthemes.com and visit to my account section.

Just follow easy steps –

  1. Login to CodedThemes.com.
  2. Visit to my account -> Download tab.
  3. Click on the view/download invoice button.
  4. At the bottom of the Invoice, you will find the Print, Download button to download it.

Payment Questions

CodedThemes uses Stripe, PayPal, and RazorPay payment gateways, which enable users to pay via all major debit and credit cards like Visa, MasterCard, AMEX, Discover, AliPay, JCM, Diners Club, and many more cards.

Buy once and use for a lifetime. Every license is valid for lifetime usage.

If you are facing the issue then it may be possible that your bank/card has a limitation, in that cases we request you to please get in touch with your respective authority. 

Unlock of our Premium Admin Templates & UI Kits with 97% OFF - Save Your Hundred of Hours!

$99.00

$1260.00

Days
Hours
Minutes
Seconds

60% OFF

BFCM2024

Special Offer

Use Coupon Code - CYBERSALE2023