diff --git a/BoGLWeb/Pages/Index.razor b/BoGLWeb/Pages/Index.razor
index 3ae573b3..90528bbd 100644
--- a/BoGLWeb/Pages/Index.razor
+++ b/BoGLWeb/Pages/Index.razor
@@ -134,6 +134,9 @@
                 <Panel Header="Actuators" Key="3">
                     <div id="actuators" class="elementHolder"></div>
                 </Panel>
+                <Panel Header="Hydraulics" Key="3">
+                    <div id="hydraulics" class="elementHolder"></div>
+                </Panel>
             </ChildContent>
         </Collapse>
         <div id="diffeqMenu" style="@("display: " + (currTab == "4" && showEquations ? "flex" : "none"))">
diff --git a/BoGLWeb/wwwroot/images/elements/hydraulic_pump.svg b/BoGLWeb/wwwroot/images/elements/hydraulic_pump.svg
new file mode 100644
index 00000000..678bfbcf
--- /dev/null
+++ b/BoGLWeb/wwwroot/images/elements/hydraulic_pump.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1500 1000" style="enable-background:new 0 0 1500 1000;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:18;}
+	.st1{stroke:#000000;stroke-width:18;}
+	.st2{fill:none;stroke:#000000;stroke-width:18;stroke-linecap:round;}
+</style>
+<g>
+	<path class="st0" d="M1186.25,607.59c0.41,5.57,0.62,11.19,0.62,16.86c0,124.08-100.58,224.66-224.66,224.66
+		c-6.8,0-6.88,0.29-13.53-0.3"/>
+	<line class="st0" x1="1186.88" y1="81.09" x2="1186.88" y2="628.17"/>
+	<line class="st0" x1="284.74" y1="849.11" x2="958.07" y2="849.11"/>
+	<path class="st0" d="M748.33,710.96c-11.57-27.29-17.96-57.29-17.96-88.79c0-125.76,101.95-227.71,227.71-227.71
+		c39.78,0,77.17,10.2,109.72,28.13"/>
+	<line class="st0" x1="1067.79" y1="426.96" x2="1067.79" y2="81.09"/>
+	<line class="st0" x1="748.33" y1="710.96" x2="284.74" y2="710.96"/>
+	<circle class="st1" cx="954.06" cy="612.14" r="34.66"/>
+	<line class="st2" x1="843.26" y1="491.66" x2="1091.94" y2="740.34"/>
+	<line class="st2" x1="1083.52" y1="483.25" x2="834.85" y2="731.92"/>
+	<line class="st2" x1="782.22" y1="612.14" x2="1133.89" y2="612.14"/>
+	<line class="st2" x1="959.19" y1="436.3" x2="959.19" y2="787.98"/>
+	<path d="M1062.98,430.22c0,0,8.16,2.16,12.45,6.08c4.29,3.92,0.02-22,0.02-22"/>
+	<path d="M748.33,719.86h19.5c0,0-9.59-8.57-11.84-13.27c-2.25-4.69-12.66,1.02-12.66,1.02"/>
+</g>
+</svg>
diff --git a/BoGLWeb/wwwroot/types/elements/ElementNamespace.ts b/BoGLWeb/wwwroot/types/elements/ElementNamespace.ts
index 4cb68a42..8667103e 100644
--- a/BoGLWeb/wwwroot/types/elements/ElementNamespace.ts
+++ b/BoGLWeb/wwwroot/types/elements/ElementNamespace.ts
@@ -13,7 +13,8 @@ export namespace ElementNamespace {
         new Category(1, "Basic Mechanical Rotation", "mechRot"),
         new Category(2, "Transmission Elements", "transElem"),
         new Category(3, "Electrical", "electrical"),
-        new Category(4, "Actuators", "actuators")
+        new Category(4, "Actuators", "actuators"),
+        new Category(5, "Hydraulics", "hydraulics")
     ];
 
     // list of element modifiers
@@ -58,7 +59,8 @@ export namespace ElementNamespace {
         new ElementType(26, "Voltage Input", 3, "voltage_input", [], false),
         new ElementType(27, "PM Motor", 4, "pm_motor", [], false),
         new ElementType(28, "VC Transducer", 4, "vc_transducer", [], false),
-        new ElementType(29, "Grounded Pulley", 2, "pulley_grounded", [3, 1], true)
+        new ElementType(29, "Grounded Pulley", 2, "pulley_grounded", [3, 1], true),
+        new ElementType(30, "Hydraulic Pump", 5, "hydraulic_pump", [], true)
     ];
 
     // compatibility groups with element IDs showing which elements can connect to each other