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.