Introducing SysPeek v2.0.0: A Modern Cross-Platform System Monitor Built with Electron & React
A complete architectural rewrite featuring Electron 43, React 19, TypeScript, Vite, automatic updates, live monitoring, and a secure Electron architecture.
Introduction
I'm excited to announce the release of SysPeek v2.0.0.
While previous versions focused on providing an intuitive hardware information viewer, version 2 represents a complete rebuild of the application from the ground up.
This release modernizes every layer of the project—from the build system and security model to the user interface and update mechanism—creating a faster, more maintainable, and production-ready desktop application.
Built with Electron, React, TypeScript, and Vite, SysPeek now delivers real-time system monitoring, detailed hardware information, automatic updates, and a hardened Electron architecture designed for modern desktop development.
What is SysPeek?
SysPeek is a modern desktop application that allows you to inspect your computer's hardware and monitor live system performance from a single interface.
Rather than relying on multiple utilities, SysPeek combines hardware inspection, performance monitoring, system diagnostics, and productivity tools into one lightweight application.
Whether you're a developer, IT administrator, technician, or simply curious about your hardware, SysPeek provides detailed insights in a clean and responsive interface.
What's New in Version 2?
Version 2 isn't simply an update—it's a complete architectural redesign.
Every major subsystem has been rebuilt to improve performance, maintainability, scalability, and security.
Major Improvements
- Complete migration to electron-vite
- Fully rewritten using TypeScript
- Electron 43
- React 19
- Ant Design 6
- Vite 7
- Automatic application updates
- Secure IPC communication layer
- Context isolation and sandbox enabled
- Live history charts
- System tray integration
- Theme customization
- Report exporting
- Notification system
- Better application startup performance
Modern Technology Stack
SysPeek is powered by modern desktop technologies.
| Layer | Technology |
|---|---|
| Desktop Framework | Electron 43 |
| Frontend | React 19 |
| Language | TypeScript 6 |
| Build Tool | Vite 7 + electron-vite |
| UI Framework | Ant Design 6 |
| Charts | uPlot |
| Hardware Information | systeminformation |
| Updates | electron-updater |
| Packaging | electron-builder |
This stack enables fast development while delivering native desktop performance.
Live Performance Dashboard
SysPeek now features a completely redesigned Task Manager-inspired dashboard.
Monitor your system in real time with:
- Live CPU utilization
- Memory usage
- Disk I/O
- Network throughput
- System uptime
- Per-core processor load
- Historical performance charts
Everything updates continuously without overwhelming system resources.
Comprehensive Hardware Information
Beyond performance monitoring, SysPeek provides detailed hardware inspection across every major component.
Available Pages
- System
- CPU
- Memory
- Graphics
- Display
- Storage
- Operating System
- Network
- WiFi
- Battery
- Audio
- Bluetooth
- USB Devices
- Printers
Each section presents hardware specifications in a structured and easy-to-read format.
Process Explorer
Version 2 introduces a significantly improved process manager.
Features include:
- Running process list
- Search
- Sorting
- CPU usage
- Memory consumption
Making it easier to identify resource-intensive applications.
Live History Charts
Instead of displaying only current values, SysPeek now records live history.
Track:
- CPU activity
- Memory usage
- Network traffic
- Disk utilization
using smooth real-time charts powered by uPlot.
System Tray Integration
SysPeek continues monitoring even when minimized.
The new system tray includes:
- Live CPU usage
- Memory usage
- Quick actions
- Restore application
- Exit application
Desktop Notifications
Stay informed when your system exceeds configured limits.
SysPeek can notify you when:
- CPU usage becomes too high
- CPU temperature exceeds thresholds
- Memory usage becomes critical
- Disk utilization reaches configured limits
Thresholds are fully customizable.
Settings & Customization
The new Settings panel allows you to personalize the application.
Available options include:
- Dark & Light themes
- Accent colors
- Refresh intervals
- Launch at startup
- Tray behavior
- Notification thresholds
Export System Reports
Need to share your hardware information?
SysPeek can export a complete machine report as JSON, making it useful for troubleshooting, diagnostics, or technical support.
Automatic Updates
One of the biggest additions in version 2 is seamless application updates.
SysPeek now includes:
- GitHub Releases integration
- Background update downloads
- Restart & Install workflow
- Multi-platform release pipeline
Keeping the application up-to-date is now effortless.
Security First
Desktop applications often overlook security.
SysPeek follows Electron's recommended security practices.
Security Features
- Context Isolation enabled
- Sandbox enabled
- Node Integration disabled
- Secure preload bridge
- Typed IPC communication
- Strict Content Security Policy
- Whitelisted API exposure
System information is collected only in the Electron main process, while the React interface communicates through a carefully controlled IPC bridge.
Cross-Platform Support
SysPeek supports all major desktop operating systems.
Available Platforms
- Windows
- macOS
- Linux
Production installers are available for each platform.
Development Experience
The migration to electron-vite dramatically improves development speed.
Benefits include:
- Instant hot reload
- Faster builds
- Type-safe IPC
- Better project organization
- Shared TypeScript models
- Cleaner architecture
The project is now significantly easier to maintain and extend.
Getting Started
Clone the repository and install dependencies.
git clone https://github.com/shehari007/SysPeek-hwinfo-react-electron-app.git
cd SysPeek-hwinfo-react-electron-app
npm install
npm run dev
The development server launches Electron with hot reload for both the renderer and the main process.
Build Production Installers
Generate installers for your platform using:
Windows
npm run build:win
Linux
npm run build:linux
macOS
npm run build:mac
Source Code
SysPeek is completely open source and licensed under the MIT License.
GitHub Repository
https://github.com/shehari007/SysPeek-hwinfo-react-electron-app
Latest Releases
https://github.com/shehari007/SysPeek-hwinfo-react-electron-app/releases
Why I Built SysPeek
Most system information tools are either outdated, overly technical, or cluttered with interfaces that haven't evolved in years.
I wanted to build something different—a modern desktop application that combines detailed hardware information with real-time monitoring, while following current Electron best practices for security, performance, and maintainability.
SysPeek is the result of that vision.
What's Next?
Future development will focus on expanding SysPeek even further.
Planned features include:
- GPU benchmarking
- Historical analytics
- Plugin architecture
- Remote system monitoring
- Performance recording
- CSV & PDF report export
- Multi-language support
- Custom dashboard widgets
Final Thoughts
SysPeek v2.0.0 is by far the biggest release since the project began.
From the migration to Electron + Vite and full TypeScript support to automatic updates, secure IPC communication, live monitoring, and a redesigned interface, every part of the application has been modernized.
If you're looking for an open-source, cross-platform system monitor built with modern web technologies, I hope SysPeek becomes a useful addition to your toolkit.
If you enjoy the project, consider giving it a ⭐ on GitHub.
Every star, issue, feature request, and contribution helps shape future releases.
Happy monitoring! 🚀
Top comments (0)