mantis-react-admin

Eng0AI's avatarfrom Eng0AI

React 19 admin dashboard with Material UI v7, Vite 7, and MUI X Charts.

⭐0stars🔀0forks📁View on GitHub🕐Updated Dec 16, 2025
[Code Generation]

When & Why to Use This Skill

Mantis React Admin is a high-performance, production-ready boilerplate designed to accelerate the development of modern web applications. Built with the latest React 19, Material UI v7, and Vite 7, it provides a robust foundation for creating scalable admin dashboards and internal tools. By offering a pre-configured environment with MUI X Charts, React Router v7, and automated deployment scripts, it eliminates the complexity of project scaffolding and ensures a consistent, professional-grade UI/UX from the start.

Use Cases

  • Enterprise Admin Panels: Rapidly bootstrap professional-grade back-office systems with pre-built Material UI components and a responsive layout.
  • Data Visualization Dashboards: Utilize integrated MUI X Charts to build interactive, data-driven interfaces for business intelligence and reporting.
  • SaaS MVP Development: Accelerate time-to-market for Software-as-a-Service products using a modern tech stack (React 19, Vite 7) that follows industry best practices.
  • Internal Management Tools: Create customized internal tools for HR, finance, or operations with standardized styling and efficient state management.
  • Modernizing Legacy Interfaces: Serve as a reference architecture for migrating older React applications to the latest React 19 and Material UI v7 ecosystems.
namemantis-react-admin
descriptionReact 19 admin dashboard with Material UI v7, Vite 7, and MUI X Charts.

Mantis React Admin

A free React admin dashboard with Material UI v7, React 19, Vite 7, and MUI X Charts.

Tech Stack

  • Framework: React 19
  • Build Tool: Vite 7
  • UI Library: Material UI v7, MUI X Charts
  • Styling: Emotion CSS-in-JS
  • Routing: React Router v7
  • State: SWR for data fetching
  • Package Manager: yarn
  • Output: dist directory
  • Dev Port: 5173

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/mantis-react-admin-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/mantis-react-admin-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

yarn install

Build

yarn build

Deploy

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

netlify deploy --prod --dir=dist

Development

yarn start

Opens at http://localhost:5173

Linting

yarn lint        # Check for issues
yarn lint:fix    # Auto-fix issues
yarn prettier    # Format code