Description
Mantis is a professionally made React dashboard template with ready-to-use Material UI components with support of a premade AI prompt to fasten your development workflow. Mantis is well-suited for enterprise applications with its simple yet minimal design that provides a 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
Mantis Community: Discord
Mantis is available in multiple frameworks now1. Show me!
A glimpse of the latest v4.x.x
- An agent package manager to support all your AI-supported IDEs. New prompts available to migrate to Material UI V9
- Premade AI prompts to fasten your development. Curious why/what prompts? Check here
- Latest packages: React 19, Material UI v9, Next.js v16, Typescript v6, Vite v8, React Router v7, ESLint v10 (VITE)
- Figma improvements
- Security updates
Package contents
The download package includes the following, as per the license:
| License | JS | TS | Figma | ||
| Standard | ✔ | – | – | ||
| Vite | Next.js | CRA2 | |||
| Plus | ✔ | ✔ | ✔ | ||
| Vite | Next.js | CRA2 | |||
| Extended | ✔ | ✔ | ✔ | ||
| Vite | Next.js | CRA2 | |||
Key features
- Premade AI prompts for faster development
- 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
- 3 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
- 2 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 v9 component library
- Authentication using – Auth0, Firebase, JWT, AWS Cognito, Supabase
- Built with React Hooks API
- SWR & React Context API for state management
- React Router for navigation routing
- Axios for mock API data
- VITE
- Code Splitting
- TypeScript support (Standard Plus and Extended licenses only)
- CSS-in-JS, where CSS is composed using JavaScript instead of being defined in external files
- Multi-language support
Compatibility
Mantis has been tested thoroughly:
- Browser compatibility – Chrome, Mozilla, Edge, Safari (macOS), Opera
- The design was tested on Retina displays, laptops, and responsive media like tablet/iPad and mobile devices.
Figma design resources
The Mantis Figma Design file is available with the Standard Plus and Extended License. All components and pages are properly arranged. Settings like Colors, Typography, Shadow, and Components are master components, so you can easily change the entire file with one single click.
Documentation
Documentation—This helps you quickly start using Mantis from the Installation to the build steps; you will find everything there.
Support and Updates
Once you purchase the Mantis, you will get technical support from our side*. It includes:
- For bug fixes or any other help, you can submit tickets.
- Request new feature(s)3 – contact us. We are always happy to serve you well.
Side notes
- Buying from the MUI Store will provide React versions. Other versions have been sold separately. Read more.
- Contact us to get the CRA version of v3.0.0.
- New features are subject to the Mantis roadmap. Updates and technical support are as per MUI policy.
Artur Sentsov (verified owner) –
—
dimension: design-quality
—
Charles Naumer (verified owner) –
—
dimension: feature-availability
—
Very nice integration of Next-Auth. Provides lots of options for authentication using many, many providers.
George Oort (verified owner) –
—
dimension: customer-support
—
The customer support is quick and helpful. They provide solutions to your greuling issues. The theme itself is pretty well done. Quite a quality product.
Swapna D (verified owner) –
—
dimension: feature-availability
—
Awesome product and nicely done. Helps any project to quickly build any prototypes and even real full working solution.
Prajwal Suhas P (verified owner) –
—
dimension: design-quality
—
Very satisfied so far! Great team work
karanveer singh (verified owner) –
—
dimension: design-quality
—
Glad to see the designs and the components cleaness. Quality product with the great documenation. Congratulations for the good work.
Kid Romart Mediante (verified owner) –
—
dimension: design-quality
—
An enterprise grade design with great documentation! Great job looking forward for upcoming updates!
Christian Mannes (verified owner) –
—
dimension: customizability
—
Absolutely awful. Very hard to customize, entangled code. If you try to remove part of the stack (Redux, in my case), you will have basically rewrite everything. Made me abandon Material UI altogether.
Greg Abaoag –
Thank you for sharing your feedback with us. While this will somehow improve our product, we tried to reproduce the problem to understand your case. We picked random theme from our store and was able to integrate it successfully without using redux, finding the process relatively straightforward. Additionally, we’ve prepared comprehensive documentation and shared it with you but have not heard anything from you since then. We will be sharing this to assist anyone encountering similar challenges, ensuring clear guidance for a smoother experience.
Abbey Stevens (verified owner) –
—
dimension: customizability
—
Using it in my project has been easy, thanks to its well-organized code structure. I’m really impressed with how the styling and arrangement of Material UI components in Mantis turned out. And I have to give a shoutout to the team – their speedy and efficient support has been a total lifesaver.
Can’t wait to see what additional pages they’ll bring in future updates!
Daniel Murphy (verified owner) –
—
dimension: customizability
—
Awesome. Easy to start for newbies and design looks very clean. Provided seed version is all I need to start my work. Thank you.
bhanujain850 (verified owner) –
—
dimension: customizability
—
A really nice to have theme, It checks all the boxes of the perfect react theme built on top of material UI
Piotr Świtalski (verified owner) –
—
dimension: code-quality
—
Great template. I like the Material UI components coming from this template. Many examples, including multiple authentication methods. It saved me a lot of time.
shihongbing1988 (verified owner) –
—
dimension: bugs
—
In general, this is a very beautiful template, and the code is well-organized. I am developing a backend management application based on this template. However, as a beginner in Next.js, I have encountered an issue recently. I found that the getServerSideProps function is not working as expected. I have logged messages using console.log inside it, but I noticed that it is not being executed. The code is located at src/views/apps/auth/login.tsx. Everything else seems to be fine. Can you help me with this issue?
Greg Abaoag –
Thank you for your positive review! We deeply value your feedback. We’ve diligently addressed the reported bug and promptly released an updated version, underscoring our commitment to continuous improvement. Please take a moment to download the new version from the store.
Emma Moor (verified owner) –
—
dimension: customizability
—
I’m very grateful for this template both code and design as well as customer service. It has really helped de-mystify and accelerate the process immensely. Thank you!
981919332 (verified owner) –
—
dimension: customer-support
—
i strongly recommend mantis react theme, that’s very usefully, can help more and more productivity for our internal project, BTW my license have expired, my computer break, i lost my mantis code, i contact the mantis team, it send my a new download link, Thank you very much to them for their professional service
btsullivan91 (verified owner) –
—
dimension: customer-support
—
A beautiful template and amazing, fast support team to go with it!
devmobile (verified owner) –
—
dimension: customer-support
—
This template is the best! Its clean design shortened the app development time. It provides various components so I could easily implement the UI I wanted, and the community is active so I could solve problems quickly. I highly recommend it.
devmobile (verified owner) –
—
dimension: design-quality
—
Mantis dashboard template is the best!
Its clean design shortened the app development time. It provides various components so I could easily implement the UI I wanted, and the community is active so I could solve problems quickly.
I highly recommend it!!
Tash Morrison (verified owner) –
—
dimension: flexibility
—
Excellent theme guys. Loving simplicity and code structure so far. Keep it up.
Chansothea Keo (verified owner) –
—
dimension: code-quality
—
Excellent work. Project and code are clean. I bought Standard Plus to get figma file. However, the design system like list of basic components like button, input, colors, text not present so it difficult to create another design.
Abbey Stevens (verified owner) –
—
dimension: customer-support
—
I have been using the mantis for almost 2 years now and I have to say the support has been excellent. whenever i’ve had questions or ran into issues, the developer has always responded with the right resolution. It’s rare to find such reliable and ongoing support over time – really appreciate it.
Gabriel Thijssen (verified owner) –
—
dimension: design-quality
—
In one word: satisfied. A well designed, clean and modern UI that facilitate a good UX
desenvolvimento-0172 (verified owner) –
—
dimension: code-quality
—
Otima estrutura e codigo, recomendo pois é perfeito
Paweł Lipka (verified owner) –
—
dimension: code-quality
—
Clean code and very good docs. It saves quite a lot of dev time so definitely worth the money