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, Mail, 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!
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
- React Router with error boundary
- Removed Redux
- Make use of SWR
- React table v8
- NPM font
- Map
Package contents
The download package includes the following:| Package | Standard | Plus | Extended |
| JavaScript | ✔ | ✔ | ✔ |
| TypeScript | - | ✔ | ✔ |
| Next.js (JS) | ✔ | ✔ | ✔ |
| Next.js (TS) | - | ✔ | ✔ |
| Figma Files | - | ✔ | ✔ |
What was new in version 2.0.0
- Invoice generator
- Export to CSV on Most react-table
- Export to PDF
- User Card
- Invoice
- Expandable Menu with page - Click on the Invoice menu
- Components Additions
- Google Auto-Complete for Addresses
- Horizontal menu
- Render one menu item from the backend/Axios
- Multiple Frameworks available**
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, Mail, Chat, User Management, 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 - Auth0, Firebase, JWT, 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.
