🚀 First Release: Resonance – Visual System Design Simulator

Hey everyone! 👋

I'm excited to share the first public release of Resonance.

Resonance is a visual system design simulator that connects to GitHub repositories, reverse-engineers architecture, and enables real-time simulation with AI-powered optimization suggestions.

The goal is to make it easier for developers and architects to design, analyse, and better understand distributed systems through an interactive visual interface.

Current features

• 🎨 Visual drag-and-drop system design editor

• 📊 Real-time simulation with detailed architecture reports, including:

Overall architecture score
Reliability
Performance
Security
Cost
Explainability
Actionable recommendations

• 🔍 Architecture validation and bottleneck detection

• 🐳 Docker Compose export

• 🌗 Dark & Light themes

• 👥 Teams (Beta)

• 📋 Templates (Beta)

Built with

React 19
Node.js + Express
React Flow
Zustand
Tailwind CSS
Vite

What's next

Smarter AI-powered architecture recommendations
Better cloud cost estimation
Improved GitHub repository analysis
Higher simulation accuracy
Real-time collaborative editing

This is still an early release, and I'd genuinely love to hear what you think. If you have ideas, spot bugs, or have suggestions for improving the simulation engine or overall experience, I'd really appreciate your feedback.

GitHub:

https://github.com/malcommathela/Resonance

Live Demo:

https://resonance-web-eight.vercel.app

Thanks for checking it out! Looking forward to your thoughts and suggestions. 🙌

3 comments

🚀 First Release: Resonance – Visual System Design Simulator