DEV Community

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

Posted on β€’ Edited on

7

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.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (1)

Collapse
 
sm0ke profile image
Sm0ke β€’

Looks great πŸš€πŸš€

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay