React Mantis

React Mantis#

Mantis React is a free, open-source admin dashboard template built with React and Material UI designed by CodedThemes. It offers a minimal yet powerful foundation for developing modern web applications with a clean, professional interface.

The free version provides essential components and features to kickstart admin panel development without licensing costs.

👉 New to App-Generator? Sign IN with GitHub or Generate Web Apps in no time (free service).

Mantis React is a free, open-source admin dashboard template built with React and Material UI

Key Features#

  • React & Material UI: Built on React 18+ with Material UI v5 components

  • Minimal Design: Clean, modern interface with optimized whitespace

  • Responsive Layout: Fully responsive across all devices and screen sizes

  • Light/Dark Mode: Built-in theme switching capability

  • Authentication Pages: Basic login, registration, and forgot password flows

  • Basic Dashboard: Sample analytics dashboard with essential widgets

  • Starter Pages: Sample layouts for common admin sections

  • Typography & Color System: Consistent design language

Technical Stack#

  • React.js 18+ (Core framework)

  • Material UI v5 (Component library)

  • Redux Toolkit (State management)

  • React Router v6 (Navigation)

  • Apex Charts (Basic data visualization)

  • Formik (Form handling)

  • Yup (Form validation)

  • ESLint & Prettier (Code quality)

Getting Started#

# Clone repository git clone https://github.com/codedthemes/mantis-free-react-admin-template.git # Navigate to project directory cd mantis-free-react-admin-template # Install dependencies npm install # Start development server npm start # Build for production npm run build

Project Structure#

/src  /assets # Static assets (images, icons, fonts)  /components # Reusable UI components  /contexts # React context providers  /hooks # Custom React hooks  /layout # Page layout components  /pages # Page components and routes  /sections # Larger component sections  /store # Redux state management  /themes # Theme configuration  /utils # Utility functions  App.js # Main application component  config.js # Global configuration  routes.js # Application routes

Limitations of Free Version#

  • Limited dashboard widget variations

  • Basic chart components only

  • No advanced data tables

  • Limited page templates

  • Basic authentication (no JWT, Auth0, etc.)

  • Community support only

  • Single theme variation

Documentation & Resources#

Project Timeline#

  • Setup & Configuration: 1-2 days

  • Core Functionality: 1-2 weeks

  • Testing & Refinement: 3-5 days

  • Deployment: 1 day

Note: This document provides an overview for implementing the free version of Mantis React. Actual implementation details may vary based on specific project requirements.