Experience the soul of a traditional harmonium — now reimagined for the modern web. Smooth, responsive, and crafted with ❤️ for music lovers and creators.
“Not just a music app — it’s a digital instrument.”
This project blends tradition 🎶 + technology 💻 to create a realistic harmonium experience inside your browser.
- 🎶 Studio-quality harmonium sound
- 🎹 Real-time key response (ultra low latency)
- 🎼 Sargam (Sa Re Ga Ma) + Western notes
- 🎧 Immersive reverb & sound layering
- ✨ Smooth animations & modern UI
- 🌈 Gradient-rich, glassmorphism design
- 📱 Fully responsive (mobile → desktop)
- 🧠 Beginner-friendly + pro-ready
- 🔊 Dynamic volume control
- 🎵 Smart transpose system
- 🎚️ Full octave range
- 🎹 MIDI keyboard support
git clone https://github.com/Lo-kith/web-harmonium.git
cd web-harmonium
npm install
npm run dev👉 Open: http://localhost:3000
Black Keys: 1 2 4 5 7 8 9 - =
White Keys: ` q w e r t y u i o p [ ] \
🎼 Sa • Re • Ga • Ma • Pa • Dha • Ni
- ⚡ Next.js
- 🟦 TypeScript
- 🎨 Tailwind CSS
- 🎵 Web Audio API
- 🎹 Web MIDI API
🚀 **Try it here:**https:web-harmonium-x73d.vercel.app/
Full Stack Developer | Crafting Interactive Web Experiences
🌐 Portfolio: https://portfolio-n9ua.vercel.app/ 💼 LinkedIn: https://www.linkedin.com/in/lokith-m-801099250/ 🐙 GitHub: https://github.com/Lo-kith
💌 Email: lokithmlokith@gmail.com
To build tools that are not just functional — but feel magical.
If you like this project:
⭐ Star the repo 🔥 Share with others 💡 Suggest ideas 🐛 Report issues
Music is emotion. Code is logic. This project is where both meet. 🎶✨
© 2026 Web Harmonium • Built with ❤️ by Loki