diff --git a/src/features/timbre/Timbre.js b/src/features/timbre/Timbre.js
index bfacb94..46df65b 100644
--- a/src/features/timbre/Timbre.js
+++ b/src/features/timbre/Timbre.js
@@ -1,6 +1,9 @@
 import React from 'react';
 import VCO from './parameters/VCO';
 import Mixer from './parameters/Mixer';
+import Pitch from './parameters/Pitch';
+import Filter from './parameters/Filter';
+import EG from './parameters/EG';
 
 export function Timbre(props) {
     return (
@@ -8,6 +11,10 @@ export function Timbre(props) {
             <VCO id="vco1" />
             <VCO id="vco2" />
             <Mixer id="mixer1" />
+            <Pitch id="pitch1" />
+            <Filter id="filter1" />
+            <EG id="eg1" />
+            <EG id="eg2" />
         </div>
     );
 }
diff --git a/src/features/timbre/parameters/Filter.js b/src/features/timbre/parameters/Filter.js
new file mode 100644
index 0000000..66c05ba
--- /dev/null
+++ b/src/features/timbre/parameters/Filter.js
@@ -0,0 +1,83 @@
+import React from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { selectById, parameterUpdated } from './parameterSlice.js';
+import { Slider, SelectList } from '../../helpers/Helpers';
+
+export default function Filter(props) {
+    const parameters = useSelector((state) => selectById(state, props.id));
+    const dispatch = useDispatch();
+
+    return (
+        <div>
+            <SelectList
+                value={parameters.filterType}
+                list={[
+                    '-24db Low Pass',
+                    '-12db Low Pass',
+                    'Band Pass',
+                    'High Pass',
+                ]}
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { filterType: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.cutoff}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { cutoff: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.resonance}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { resonance: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.egIntensity}
+                min="-63"
+                max="63"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { egIntensity: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.keyboardTrack}
+                min="-63"
+                max="63"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { keyboardTrack: value },
+                        })
+                    )
+                }
+            />
+        </div>
+    );
+}
diff --git a/src/features/timbre/parameters/Pitch.js b/src/features/timbre/parameters/Pitch.js
new file mode 100644
index 0000000..e5c2ee2
--- /dev/null
+++ b/src/features/timbre/parameters/Pitch.js
@@ -0,0 +1,116 @@
+import React from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { selectById, parameterUpdated } from './parameterSlice.js';
+import { Slider, SelectList } from '../../helpers/Helpers';
+
+export default function Pitch(props) {
+    const parameters = useSelector((state) => selectById(state, props.id));
+    const dispatch = useDispatch();
+
+    return (
+        <div>
+            <SelectList
+                value={parameters.voiceAssign}
+                list={['Mono', 'Poly', 'Unison']}
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { voiceAssign: value },
+                        })
+                    )
+                }
+            />
+            <SelectList
+                value={parameters.triggerMode}
+                list={['Single', 'Multiple']}
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { triggerMode: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.transpose}
+                min="-24"
+                max="24"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { transpose: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.tune}
+                min="-50"
+                max="50"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { tune: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.unisonDetune}
+                min="0"
+                max="99"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { unisoneDetune: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.portamento}
+                min="0"
+                max="127"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { portamento: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.bendRange}
+                min="-12"
+                max="12"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { bendRange: value },
+                        })
+                    )
+                }
+            />
+            <Slider
+                parameter={parameters.vibratoIntensity}
+                min="-63"
+                max="63"
+                onChange={(value) =>
+                    dispatch(
+                        parameterUpdated({
+                            id: props.id,
+                            changes: { vibratoIntensity: value },
+                        })
+                    )
+                }
+            />
+        </div>
+    );
+}
diff --git a/src/features/timbre/parameters/VCO.js b/src/features/timbre/parameters/VCO.js
index 08f984d..0c99d7c 100644
--- a/src/features/timbre/parameters/VCO.js
+++ b/src/features/timbre/parameters/VCO.js
@@ -1,21 +1,7 @@
 import React from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import { selectById, parameterUpdated } from './parameterSlice.js';
-
-const SelectList = (props) => {
-    const options = props.list.map((option, index) => (
-        <option value={option} key={index}>
-            {option}
-        </option>
-    ));
-    return (
-        <select
-            value={props.value}
-            onChange={(e) => props.onChange(e.target.value)}>
-            {options}
-        </select>
-    );
-};
+import { Slider, SelectList } from '../../helpers/Helpers';
 
 export default function VCO(props) {
     const parameters = useSelector((state) => selectById(state, props.id));
@@ -23,30 +9,15 @@ export default function VCO(props) {
     const dispatch = useDispatch();
     return (
         <div>
-            <span>Current Waveform {parameters.waveform} </span>
-            <button
-                aria-label="Increment value"
-                onClick={() =>
-                    dispatch(
-                        parameterUpdated({
-                            id: props.id,
-                            changes: { waveform: 'Triangle' },
-                        })
-                    )
-                }>
-                Set Waveform to Triangle
-            </button>
-            <span>Current Mod Value {parameters.waveMod} </span>
-            <input
-                type="range"
+            <Slider
                 min="0"
                 max="100"
-                value={parameters.waveMod}
-                onChange={(e) =>
+                parameter={parameters.waveMod}
+                onChange={(value) =>
                     dispatch(
                         parameterUpdated({
                             id: props.id,
-                            changes: { waveMod: e.target.value },
+                            changes: { waveMod: value },
                         })
                     )
                 }