This software was largely created by AI Vibe Coding
Created by YouMinds
Transform your browser into a powerful music studio with our vibe coded web synthesizer!
This intuitive tool lets you craft rich, dynamic sounds effortlessly.
Tweak parameters in real time, and design your own unique soundscapes—all without downloading software.
Oscillator
0
Filter
20000
1
Envelope
10
200
0.5
500
LFO & Volume
5
1
0.7
C
C#
D
D#
E
F
F#
G
G#
A
A#
B
C
Keyboard: A-W-S-E-D-F-T-G-Y-H-U-J-K
What is a synthesizer anyway?
A synthesizer is an electronic instrument that generates sound using different components, including an oscillator, filter, envelope, and LFO. These work together to shape and modify the sound in various ways.
Here’s a breakdown:
Oscillator:
This is where the raw sound originates. It generates waveforms like sine, square, triangle, and sawtooth, each having a distinct tonal character. Different oscillators allow for richer, layered sounds.
Filter:
This controls the frequency content of the sound. Common filters include low-pass (cuts high frequencies),
high-pass (cuts low frequencies),
band-pass, and notch (a type of band-stop filter that removes a very narrow range of frequencies while allowing all others to pass through) filters. Filters are essential for sculpting the timbre and removing unwanted frequencies.
Envelope (ADSR):
This shapes how the sound evolves over time.
Attack: Determines how quickly the sound reaches full volume when a key is pressed.
Decay: Controls how fast the sound drops to the sustain level.
Sustain: Sets the level at which the sound remains as long as the key is held.
Release: Dictates how long the sound fades out after the key is released.
LFO (Low-Frequency Oscillator):
This generates slow waveforms, usually below audible frequencies, and is used to modulate parameters like pitch, filter cutoff, or amplitude. This creates effects like vibrato, tremolo, or evolving textures.
When combined, these elements allow synthesizers to produce a vast range of sounds, from deep basses and soaring leads to lush pads and experimental tones.
How was it built
This software was created using Vibe Coding by a Large Language Model LLM / chatbot
and reworked in look & feel.
Some features had to be implemented manually and
corrections and improvements had to be made.
The following Vibe Coding prompts were used on DeepSeek:
"create a single page website with javascript. Create a synthesizer application on the page. Use canvas to display settings and curves. use sliders to adjust values, volume, frequencies and so on."
"the visualizations do not work. It shows the sine wave always. The oscilloscope is black. Add a volume slider."
"Replace the oscilloscope with an envelope visualization. Add a keyboard support."
"The LFO effect is to strong it should smoothly increase from 1 to 100. The envelope visualization canvas needs to be higher in order to display the sustain curve. Make sure the display is computed so the curve will be visible even with highest sustain. Also when a sound is played while another sound is still playing the first sound will stop the second sound abruptly. Make sure all sounds are played to the end."
