{"repo":"seehiong/noteflow","free":true,"listed":false,"github":"https://github.com/seehiong/noteflow","clone":"git clone https://github.com/seehiong/noteflow.git","description":"NoteFlow Studio — a web-based music IDE and synthesizer. Compose multi-track songs in simple text notation, play via QWERTY or MIDI keyboard, record performances, and co-write with an AI assistant. Realistic Web Audio instrument modeling: piano, organ, flute, violin, cello, and drums. Built with React, TypeScript, and Vite","language":"TypeScript","stars":131,"topics":["interactive","midi-keyboard","music-education","piano","react","tailwind-css","typescript","vite","web-audio-api","learn-to-play"],"license":null,"category":"ui-components","readme_excerpt":"NoteFlow - MIDI IDE and Keyboard Synthesizer 🚀 Live Demo Try it now! Click the link above to start writing, playing, and recording music in the browser - no installation required! --- A beautiful, interactive web-based MIDI IDE (Integrated Development Environment) and synthesizer that lets you compile, play, and record music notes using your computer keyboard, mouse, or hardware MIDI keyboards. Perfect for learning piano, composing melodies, and testing synthesizers. 🖥️ JAMStack Architecture NoteFlow is built using the modern JAMStack (JavaScript, APIs, Markup) architecture: - JavaScript (TypeScript & React 18) : Powering the reactive layout, state management, note transcription, and sound design fully client-side. - APIs : Leverages native, client-only browser APIs including the Web Audio API for real-time sound synthesis (oscillators, reverb filters, envelope gains) and the Web MIDI API for interfacing directly with physical keyboards. - Markup : Compiled statically via Vite and served directly from GitHub Pages CDN edges. There is no active server-side runtime needed, ensuring low latency, high scalability, and simple hosting. --- ✨ Features 💻 MIDI Code Editor (IDE) & Orchestrator - NoteFlow Notation Language (NFN) : Write notes using simple tokens like C4/1 or rest/0.5 . - 🎼 Multi-Track Orchestration : Write up to 16 parallel tracks playing together. Prefix lines with a track ID and an instrument/synth type using synth= or instrument= (e.g., T1 instrument=flute C4/1 a","default_branch":null,"files":null,"tree":[],"storefront":"/r/seehiong","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/seehiong/noteflow/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}