__  __       _            _       _ _    _ _____                           _       _   _            
 |  \/  |     | |          (_)     | | |  | |_   _|        /\               | |     | | (_)           
 | \  / | __ _| |_ ___ _ __ _  __ _| | |  | | | |         /  \   _ __   __ _| |_   _| |_ _  ___ ___   
 | |\/| |/ _` | __/ _ \ '__| |/ _` | | |  | | | |        / /\ \ | '_ \ / _` | | | | | __| |/ __/ __|  
 | |  | | (_| | ||  __/ |  | | (_| | | |__| |_| |_      / ____ \| | | | (_| | | |_| | |_| | (__\__ \  
 |_|__|_|\__,_|\__\___|_|  |_|\__,_|_|\____/|_____|    /_/ _  \_\_| |_|\__,_|_|\__, |\__|_|\___|___/  
   |  __ \                     | |       |  __ \          | |   | |             __/ |     | |         
   | |__) |___ _ __   ___  _ __| |_      | |  | | __ _ ___| |__ | |__   ___   _|___/ __ __| |         
   |  _  // _ \ '_ \ / _ \| '__| __|     | |  | |/ _` / __| '_ \| '_ \ / _ \ / _` | '__/ _` |         
   | | \ \  __/ |_) | (_) | |  | |_      | |__| | (_| \__ \ | | | |_) | (_) | (_| | | | (_| |         
   |_|  \_\___| .__/ \___/|_|   \__|     |_____/ \__,_|___/_| |_|_.__/ \___/ \__,_|_|  \__,_|         
              |_|                                                                                     

A Material-UI (React + MUI) analytics/report dashboard with many pre-built chart components and a theme system.

Table of Contents

• Overview
• Features
• Demo
• Project Structure
• Getting Started
  • Installation
• Project Roadmap
• Contributing
• License

---

Overview

A Material-UI (React + MUI) analytics/report dashboard with many pre-built chart components and a theme system. The repo includes a large set of chart components (ApexChart, React Google Charts, React Gauge, Circular Progressbar, Liquid Gauge, MUI-based charts) and theme/shared-theme code.

---

Features

❯ ApexChart ❯ React Google Charts ❯ React Gauge ❯ Circular Progressbar ❯ Liquid Gauge ❯ MUI-based charts

---

DEMO

Screen.Recording.2025-11-08.143542.mp4

---

Project Structure

└── MaterialUI-Analytics-Report-Dashboard/
    ├── LICENSE
    ├── README.md
    ├── eslint.config.js
    ├── index.html
    ├── package-lock.json
    ├── package.json
    ├── src
    │   ├── App.jsx
    │   ├── components
    │   ├── internals
    │   ├── main.jsx
    │   ├── shared-theme
    │   └── theme
    └── vite.config.js

---

Getting Started

Installation

Install MaterialUI-Analytics-Report-Dashboard using one of the following methods:

Build from source:

1. Clone the MaterialUI-Analytics-Report-Dashboard repository:

❯ git clone https://github.com/HimanthaThathsara/MaterialUI-Analytics-Report-Dashboard

2. Navigate to the project directory:

❯ cd MaterialUI-Analytics-Report-Dashboard

3. Install the project dependencies :

❯ npm install

4. Run using the following command : Using npm  

❯ npm run dev

---

Project Roadmap

• Task 1: Create the basic Template to start.
• Task 2: Add the Compornent and the Real-Time-Data .
• Task 3: Implement Other Pages As Well with Optimation.

---

Contributing

• 💬 Join the Discussions: Share your insights, provide feedback, or ask questions.
• 🐛 Report Issues: Submit bugs found or log feature requests for the MaterialUI-Analytics-Report-Dashboard project.
• 💡 Submit Pull Requests: Review open PRs, and submit your own PRs.

Contributor Graph

---

License

This project is protected under the GNU AGPLv3 License. For more details, refer to the LICENSE file.

---