An open API service indexing awesome lists of open source software.

https://github.com/shm11c3/hardwarevisualizer

A lightweight hardware monitor built with Tauri for real-time hardware status monitoring.
https://github.com/shm11c3/hardwarevisualizer

biome cpu cpu-monitoring gpu gpu-monitoring graph hardware hardware-information hardware-monitor hardware-monitoring memory monitoring monitoring-tool pc-tools react rust tauri typescript windows windows-desktop

Last synced: 2 months ago
JSON representation

A lightweight hardware monitor built with Tauri for real-time hardware status monitoring.

Awesome Lists containing this project

README

          

# HardwareVisualizer


GitHub Release
GitHub Actions Workflow Status
CI
Supported Windows
Supported Linux
GitHub Downloads (all assets, all releases)

![image](https://github.com/user-attachments/assets/c474a132-5768-4046-9703-766e74ee3e66)

HardwareVisualizer is a tool for real-time monitoring of your computer's hardware performance. It provides an intuitive dashboard, detailed usage graphs, and customizable settings to help you keep track of your system’s vital statistics.

[Web Page](https://hardviz.com/)

## Supported OS

| OS | Status |
| ------- | ---------------------------------------------------------------------------- |
| Windows | βœ… [Download](https://hardviz.com/#download) |
| MacOS | πŸ”’ Planned (No ETA - No test device) |
| Linux | βœ… [Download](https://hardviz.com/#download) |

## Features

| Feature | Status |
| -------------------------------- | ------ |
| CPU Usage Monitoring | βœ… |
| RAM Usage Monitoring | βœ… |
| GPU Usage Monitoring | βœ… |
| Temperature Monitoring | ⏳ |
| Fan Monitoring | ⏳ |
| Storage Monitoring | βœ… |
| Network Monitoring | βœ… |
| Customizable Chart Themes | βœ… |
| Customizable Dashboard | ⏳ |
| Custom Background Image | βœ… |
| Insights (Hardware Data History) | βœ… |

## Screenshots

### Dashboard

The current status of the hardware can be checked at a glance.

![image](https://github.com/user-attachments/assets/a578909a-5b85-4d3a-98cb-a885dc10eaec)

### Usage Graph

The resource utilization for the last 1 minute can be checked.

![image](https://github.com/user-attachments/assets/ef3e1630-e567-47a1-a437-f9a3981dd587)

![image](https://github.com/user-attachments/assets/7b786e00-12c0-4627-8b2a-cc3482072eb7)

### Insight

View resource utilization for up to the past 30 days.
Usage rates are calculated on a minute-by-minute basis.

![image](https://github.com/user-attachments/assets/dd849d54-37a0-4f00-bec8-9c7f994d49fa)

![image](https://github.com/user-attachments/assets/7c3f9ddd-37c1-45b1-9c3a-9f661817e797)

\*GPU Insight is available on Nvidia GPU only.

![image](https://github.com/user-attachments/assets/2d3d2045-ccc0-46ee-9a3a-6cde3e13981e)

### Custom Graph

Flexible graph customization available.

![image](https://github.com/user-attachments/assets/b6b2436b-c4c7-4252-9654-c5f2ca89e499)

### Background Image

![image](https://github.com/user-attachments/assets/6ab09e8a-ebef-449a-b73f-07ae44626e20)

## Bug Report

[Create Issue](https://github.com/shm11C3/HardwareVisualizer/issues/new?assignees=&labels=bug&projects=&template=bug_report.md&title=%5BBUG%5D)

## Feature Request

[Create Issue](https://github.com/shm11C3/HardwareVisualizer/issues/new?assignees=shm11C3&labels=enhancement&projects=&template=feature_request.md&title=%5BFeature+request%5D)

## Development

[![Linted with Biome](https://img.shields.io/badge/Linted_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)

### Requirements

[Node.js v22](https://nodejs.org/)

```bash
$ node -v
v22.14.0
```

[Rust 1.85](https://www.rust-lang.org/)

```bash
$ rustc -V
rustc 1.85.0 (4d91de4e4 2025-02-17)
```

### Getting Started

- Install Linux build dependencies

```bash
sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
```

- Install dependencies:

```bash
npm ci
```

- Launch in development mode:

```bash
npm run tauri dev
```

- Build the app for production:

```bash
npm run tauri build
```

- Lint the code:

```bash
npm run lint
```

- Format the code:

```bash
npm run format
```

- Run tests:

```bash
npm run test:unit # frontend unit tests
npm run test:tauri # rust tests
```

## Tips

### Launching the app by Linux command line

You can launch the app by running the following command in the terminal:

```bash
sudo hardware-visualizer
```
> [!NOTE]
> πŸ”’ sudo is required to access certain system information such as CPU, memory, or GPU stats.

This works on both native Linux and WSL (Windows Subsystem for Linux) with GUI support (WSLg).
If installed correctly, a Tauri window will open on execution.