react-synth
Components

Synth

Synthesizer configuration

<Synth>

Defines the synthesizer configuration for child Note and Chord components. Provides preset sounds and allows customization of oscillator, filter, and voice parameters.

PropTypeDefaultDescription
typeSynthTypeRequired. Synth preset name (see below)
oscillatorOscillatorTypeOverride oscillator: "sine", "square", "sawtooth", "triangle"
filterPartial<FilterConfig>Override filter settings
voicesPartial<VoiceConfig>Override voice/unison settings
childrenReactNodeNote/Chord components to apply this synth to

Available Synth Presets

PresetDescription
"sine"Pure sine wave - clean, fundamental tone
"saw"Sawtooth wave - bright, harmonically rich
"square"Square wave - hollow, clarinet-like
"tri"Triangle wave - soft, flute-like
"prophet"Prophet-5 inspired - warm with detuned voices
"hollow"Ethereal pad - filtered square, atmospheric
"dark_ambience"Deep atmospheric pad - low-passed with many voices
"bass"Punchy bass - filtered sawtooth
"pluck"Bright plucked string - square wave with high cutoff

Filter Config

PropertyTypeDescription
typeFilterType"lowpass", "highpass", "bandpass", etc.
cutoffnumber or LineCutoff frequency in Hz, or a Line pattern
resonancenumberFilter resonance/Q factor

Voice Config

PropertyTypeDescription
countnumberNumber of oscillator voices (unison)
detunenumberDetune spread in cents
spreadnumberStereo spread 0-1
{
  /* Using a preset */
}
<Synth type="prophet">
  <Note note="C4" />
</Synth>;

{
  /* Overriding filter settings */
}
<Synth type="saw" filter={{ cutoff: 2000, resonance: 8 }}>
  <Chord notes="Am7" />
</Synth>;

{
  /* Thick unison lead */
}
<Synth type="saw" voices={{ count: 4, detune: 15, spread: 0.8 }}>
  <Note note="A4" />
</Synth>;

On this page