VibeSynth is a modern, retro-futuristic web synthesizer built with React, TypeScript, and the Web Audio API. It combines the warm, tactile feel of analog hardware with the flexibility of modern web technology.
- Two Oscillators: Blend between Sine, Triangle, Sawtooth, and Square waveforms.
- Mix Control: Seamlessly crossfade between OSC 1 and OSC 2.
- Octave Shift: Transpose your sound from deep bass (-3) to shimmering leads (+3).
- Low Pass Filter: Smoothes out the sound with a resonant peak.
- 3 Ranges:
- BASS: Optimized for deep sub-frequencies (20Hz - 800Hz).
- LEAD: Standard synth range (100Hz - 4kHz).
- WIDE: Full spectrum sweep (20Hz - 12kHz).
- Resonance Modes: Switch between Wait (Clean), Punch (Aggressive), and Scream (Self-oscillating aesthetic).
- Amp Envelope: Shape the volume contour of your sound.
- Filter Envelope: Modulate the filter cutoff over time.
- Extended Attack: Create evolving pads with up to 10 seconds of attack time.
- Routing: Send LFO to Filter Cutoff or Amplitude (Tremolo).
- Ultra-Slow Rates: LFO rates range from 0.01Hz (100s cycle) for evolving textures to 20Hz for rapid wobbles.
- Waveforms: Sine, Triangle, Sawtooth, Square.
- Distortion: Add grit and saturation to your signal.
- Reverb: Place your sound in a Room, Hall, or deep Space.
- Instant Inspiration: Click the "Randomize!" button to generate a completely new, musically-tuned patch instantly.
- Oscilloscope: Real-time, CRT-style green phosphor waveform visualization.
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/pavelzag/vibesynth.git cd vibesynth -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open
http://localhost:5173in your browser.
| Control | Description |
|---|---|
| Piano | Click keys or use your MIDI keyboard to play notes. |
| Cutoff | Brightness of the sound. |
| Resonance | "Ring" or sharpness of the filter peak. |
| LFO Rate | Speed of modulation. |
| LFO Depth | Intensity of modulation. |
| Randomize | Generates a random preset. |
Connect any WebMIDI-compatible keyboard.
- Keys: Play notes.
- CC 43: Filter Cutoff.
- CC 44: Resonance.
- CC 91: Reverb Send.
- CC 24: LFO Rate.
- CC 26: LFO Depth.
Created by Pavel Zagalsky.
Built with:
System Online. VibeSynth v1.0