diff --git a/src/features/helpers/Helpers.js b/src/features/helpers/Helpers.js
new file mode 100644
index 0000000..932e075
--- /dev/null
+++ b/src/features/helpers/Helpers.js
@@ -0,0 +1,30 @@
+import React from 'react';
+
+const Slider = (props) => {
+    return (
+        <input
+            type="range"
+            min="0"
+            max="127"
+            value={props.parameter}
+            onChange={(e) => props.onChange(e.target.value)}
+        />
+    );
+};
+
+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>
+    );
+};
+
+export default { Slider, SelectList };