DEV Community

Cover image for Introducing Mantis (M-Ant-is) React Dashboard Template
Brijesh Dobariya for CodedThemes

Posted on • Updated on

Introducing Mantis (M-Ant-is) React Dashboard Template

Having a good aesthetic in any website always plays crucial role for user experience. Color combination, choice of fonts, spacing, padding are all those small things however it make important aspect for any site. It make better user experience of site which let user to stay on site without getting bored in few minutes.

What is Mantis?

Mantis is a react admin template having aesthetic derived from ant design and component used from MUI. Ant design have excellent design style with enterprise solutions in mind where as MUI having good set of components. Mantis (M-Ant-is) is combination of both, design inspiration from Ant and component from MUI.

Why Ant aesthetics?

Ant has gain popularity since last few years and adoption of design has been increased in enterprise applications. It provide beautiful UI with simplicity which fit perfect for any web application. With that, It provides polished and enterprise look and feel.

Why MUI(Material-UI)?

MUI has grown popularity of components. With well managed components system, one can derived entirely new design system as well. Configuration of component and styling make it easy to adopt. Its suite for any naΓ―ve developer as well to begin from scratch.

Having both on single, make Mantis best admin template.

What is inside Mantis?

Mantis will have set of beautifully blended components with ready made applications as well. It will have Figma to play with your design requirement.

It will be available in two version. MIT and Paid. MIT version is ready to use via GitHub while Paid version will be listed in MUI Store exclusively.

Technology Stack

We are committed to use the latest technology stack to achieve the best end product. In that way we have consider & implementing the following technologies in Mantis react admin template.

  • Material UI for component library
  • NPM/Yarn for package installation
  • React Hook
  • Redux Toolkit
  • React Redux for UI Bindings
  • CSS-in-JS
  • JavaScript & TypeScript
  • CRA & Next JS
  • Prettier for code formatting

Key Features

Mantis allows you to build feature-rich and professional interfaces while focusing on the core functionality. It is built with modern technologies, ensures a great developer and designer experience. The simplicity of using it is that a designer or developer of any level can build, design and ship any outstanding web applications using Berry. Following are the key features that make a top-class React Admin Template.

  • 100+ Ready to use pages
  • Figma design files
  • Easy to use folder structure
  • Material UI v5 Component Library
  • Authentication methods - Auth0, Firebase, JWT, AWS
  • Dark/Light Mode
  • Live customizer - Font family selection, Layout style modifier
  • Multi-Language Support
  • LTR/RTL (Right to Left) Mode

Try Mantis

Preview
Download Free.

Top comments (1)

Collapse
 
sm0ke profile image
Sm0ke

Looks great πŸš€πŸš€