diff --git a/.vs/3DufFork/v16/.suo b/.vs/3DufFork/v16/.suo
new file mode 100644
index 00000000..0d119023
Binary files /dev/null and b/.vs/3DufFork/v16/.suo differ
diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
new file mode 100644
index 00000000..f8b48885
--- /dev/null
+++ b/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
\ No newline at end of file
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
new file mode 100644
index 00000000..29081ea9
Binary files /dev/null and b/.vs/slnx.sqlite differ
diff --git a/index.html b/index.html
index 7225f9a5..90ac1588 100644
--- a/index.html
+++ b/index.html
@@ -195,18 +195,24 @@
         <span class="mdl-layout-title">Control</span>
         <nav class="mdl-navigation" id="feature-control">
 
-<!--            <div class="button_row">-->
-<!--                <a id="circleValve_button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button&#45;&#45;raised feature-button">Circle Valve</a>-->
-<!--                <button id="circleValve_params_button" class="params-button mdl-button mdl-js-button mdl-button&#45;&#45;icon">-->
-<!--                    <i class="material-icons">settings</i>-->
-<!--                </button>-->
-<!--            </div>-->
+            <!--            <div class="button_row">-->
+            <!--                <a id="circleValve_button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button&#45;&#45;raised feature-button">Circle Valve</a>-->
+            <!--                <button id="circleValve_params_button" class="params-button mdl-button mdl-js-button mdl-button&#45;&#45;icon">-->
+            <!--                    <i class="material-icons">settings</i>-->
+            <!--                </button>-->
+            <!--            </div>-->
             <div class="button_row">
                 <a id="valve3d_button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised feature-button">Valve3D</a>
                 <button id="valve3d_params_button" class="params-button mdl-button mdl-js-button mdl-button--icon">
                     <i class="material-icons">settings</i>
                 </button>
             </div>
+            <div class="button_row">
+                <a id="gaspurgevalve3d_button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised feature-button">GasPurgeValve3D</a>
+                <button id="gaspurgevalve3d_params_button" class="params-button mdl-button mdl-js-button mdl-button--icon">
+                    <i class="material-icons">settings</i>
+                </button>
+            </div>
             <div class="button_row">
                 <a id="valve_button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised feature-button">Valve</a>
                 <button id="valve_params_button" class="params-button mdl-button mdl-js-button mdl-button--icon">
diff --git a/src/app/featureSets/basic/definitions.js b/src/app/featureSets/basic/definitions.js
index 316b2ccc..fe869a99 100644
--- a/src/app/featureSets/basic/definitions.js
+++ b/src/app/featureSets/basic/definitions.js
@@ -406,6 +406,99 @@ export const basicFeatures = {
             rotation: 180
         }
     },
+    GasPurgeValve3D: {
+        unique: {
+            position: "Point"
+        },
+        heritable: {
+            orientation: "String",
+            valveRadius: "Float",
+            height: "Float",
+            gap: "Float",
+            width: "Float",
+            length: "Float",
+            membraneParameter: "Float",
+            rotation: "Float"
+        },
+        units: {
+            orientation: "",
+            valveRadius: "&mu;m",
+            height: "&mu;m",
+            gap: "&mu;m",
+            width: "&mu;m",
+            length: "&mu;m",
+            rotation: "&deg;"
+        },
+        defaults: {
+            orientation: "V",
+            valveRadius: 3 * 100,
+            height: 48,
+            gap: 0.6 * 1000,
+            width: 600,
+            length: 600,
+            membraneParameter: 1,
+            rotation: 0
+        },
+        minimum: {
+            valveRadius: 0.1 * 100,
+            height: 0.1 * 100,
+            gap: 0.5 * 10,
+            rotation: 0
+        },
+        maximum: {
+            valveRadius: 0.2 * 10000,
+            height: 1.2 * 1000,
+            gap: 0.1 * 10000,
+            rotation: 180
+        }
+    },
+    GasPurgeValve3D_control: {
+        unique: {
+            position: "Point"
+        },
+        heritable: {
+            orientation: "String",
+            valveRadius: "Float",
+            height: "Float",
+            gap: "Float",
+            width: "Float",
+            length: "Float",
+            membraneParameter: "Float",
+            rotation: "Float"
+        },
+        units: {
+            orientation: "",
+            valveRadius: "&mu;m",
+            height: "&mu;m",
+            gap: "&mu;m",
+            width: "&mu;m",
+            length: "&mu;m",
+            membraneParameter: "",
+            rotation: "&deg;"
+        },
+        defaults: {
+            orientation: "V",
+            valveRadius: 300,
+            height: 48,
+            gap: 0.6 * 1000,
+            width: 600,
+            length: 600,
+            membraneParameter: 1,
+            rotation: 0
+        },
+        minimum: {
+            valveRadius: 0.1 * 100,
+            height: 0.1 * 100,
+            gap: 0.5 * 10,
+            rotation: 0
+        },
+        maximum: {
+            valveRadius: 0.2 * 10000,
+            height: 1.2 * 1000,
+            gap: 0.1 * 10000,
+            rotation: 180
+        }
+    },
     Transposer: {
         unique: {
             position: "Point"
diff --git a/src/app/featureSets/basic/render2D.js b/src/app/featureSets/basic/render2D.js
index ba8b7e27..bada3822 100644
--- a/src/app/featureSets/basic/render2D.js
+++ b/src/app/featureSets/basic/render2D.js
@@ -141,6 +141,45 @@ export const render2D = {
         targetPrimitiveSet: "Basic2D"
     },
 
+    GasPurgeValve3D: {
+        featureParams: {
+            position: "position",
+            rotation: "rotation",
+            radius1: "valveRadius",
+            radius2: "valveRadius",
+            valveRadius: "valveRadius",
+            gap: "gap"
+        },
+        targetParams: {
+            rotation: "rotation",
+            radius1: "valveRadius",
+            radius2: "valveRadius"
+        },
+        featurePrimitiveSet: "Basic2D",
+        featurePrimitiveType: "GroverValve",
+        targetPrimitiveType: "CircleTarget",
+        targetPrimitiveSet: "Basic2D"
+    },
+    GasPurgeValve3D_control: {
+        featureParams: {
+            position: "position",
+            rotation: "rotation",
+            radius1: "valveRadius",
+            radius2: "valveRadius",
+            valveRadius: "valveRadius",
+            gap: "gap"
+        },
+        targetParams: {
+            rotation: "rotation",
+            radius1: "valveRadius",
+            radius2: "valveRadius"
+        },
+        featurePrimitiveSet: "Basic2D",
+        featurePrimitiveType: "GroverValve_control",
+        targetPrimitiveType: "CircleTarget",
+        targetPrimitiveSet: "Basic2D"
+    },
+
     Pump: {
         featureParams: {
             position: "position",
diff --git a/src/app/featureSets/basic/render3D.js b/src/app/featureSets/basic/render3D.js
index 4959a158..ca4d41f2 100644
--- a/src/app/featureSets/basic/render3D.js
+++ b/src/app/featureSets/basic/render3D.js
@@ -91,6 +91,28 @@ export const render3D = {
         featurePrimitiveSet: "Basic3D",
         featurePrimitive: "ConeFeature"
     },
+    GasPurgeValve3D: {
+        featureParams: {
+            position: "position",
+            orientation: "orientation",
+            radius1: "valveRadius",
+            radius2: "valveRadius",
+            height: "height"
+        },
+        featurePrimitiveSet: "Basic3D",
+        featurePrimitive: "ConeFeature"
+    },
+    GasPurgeValve3D_control: {
+        featureParams: {
+            position: "position",
+            orientation: "orientation",
+            radius1: "valveRadius",
+            radius2: "valveRadius",
+            height: "height"
+        },
+        featurePrimitiveSet: "Basic3D",
+        featurePrimitive: "ConeFeature"
+    },
     Pump: {
         featureParams: {
             position: "position",
diff --git a/src/app/featureSets/basic/tools.js b/src/app/featureSets/basic/tools.js
index 476a2384..5c85a472 100644
--- a/src/app/featureSets/basic/tools.js
+++ b/src/app/featureSets/basic/tools.js
@@ -49,6 +49,12 @@ export const tools = {
         },
         placementTool: "MultilayerPositionTool"
     },
+    GasPurgeValve3D: {
+        toolParams: {
+            position: "position"
+        },
+        placementTool: "MultilayerPositionTool"
+    },
     Pump3D: {
         toolParams: {
             position: "position"
@@ -79,6 +85,12 @@ export const tools = {
         },
         placementTool: "MultilayerPositionTool"
     },
+    GasPurgeValve3D_control: {
+        toolParams: {
+            position: "position"
+        },
+        placementTool: "MultilayerPositionTool"
+    },
     Transposer: {
         toolParams: {
             position: "position"
diff --git a/src/app/featureSets/featureSet.js b/src/app/featureSets/featureSet.js
index 90fdeb98..622bfc4a 100644
--- a/src/app/featureSets/featureSet.js
+++ b/src/app/featureSets/featureSet.js
@@ -24,6 +24,7 @@ import Transition from "../library/transition";
 import Transposer from "../library/transposer";
 import Valve from "../library/valve";
 import Valve3D from "../library/valve3D";
+import GasPurgeValve3D from "../library/gasPurgeValve3D";
 import Tree from "../library/tree";
 import YTree from "../library/ytree";
 import LLChamber from "../library/llChamber";
@@ -98,6 +99,8 @@ export default class FeatureSet {
             Valve: { object: new Valve(), key: null },
             Valve3D: { object: new Valve3D(), key: "FLOW" },
             Valve3D_control: { object: new Valve3D(), key: "CONTROL" },
+            GasPurgeValve3D: { object: new GasPurgeValve3D(), key: "FLOW" },
+            GasPurgeValve3D_control: { object: new GasPurgeValve3D(), key: "CONTROL" },
             LLChamber: { object: new LLChamber(), key: "FLOW" },
             LLChamber_control: { object: new LLChamber(), key: "CONTROL" },
             "3DMixer": { object: new ThreeDMixer(), key: "FLOW" },
diff --git a/src/app/library/gasPurgeValve3D.js b/src/app/library/gasPurgeValve3D.js
new file mode 100644
index 00000000..2ad7a4b5
--- /dev/null
+++ b/src/app/library/gasPurgeValve3D.js
@@ -0,0 +1,172 @@
+import Template from "./template";
+import paper from "paper";
+import ComponentPort from "../core/componentPort";
+
+export default class GasPurgeValve3D extends Template {
+    constructor() {
+        super();
+    }
+
+    __setupDefinitions() {
+        this.__unique = {
+            position: "Point"
+        };
+
+        this.__heritable = {
+            componentSpacing: "Float",
+            rotation: "Float",
+            valveRadius: "Float",
+            height: "Float",
+            gap: "Float",
+            width: "Float",
+            membraneParameter: "Float",
+            length: "Float"
+        };
+
+        this.__defaults = {
+            componentSpacing: 1000,
+            rotation: 0,
+            valveRadius: 300,
+            height: 48,
+            gap: 0.6 * 1000,
+            width: 600,
+            membraneParameter: 1,
+            length: 600
+        };
+
+        this.__units = {
+            componentSpacing: "&mu;m",
+            valveRadius: "&mu;m",
+            height: "&mu;m",
+            gap: "&mu;m",
+            width: "&mu;m",
+            length: "&mu;m",
+            membraneParameter: "thickness value",
+            rotation: "&deg;"
+        };
+
+        this.__minimum = {
+            componentSpacing: 0,
+            valveRadius: 0.1 * 100,
+            height: 0.1 * 100,
+            gap: 0.5 * 10,
+            membraneParameter: 0,
+            rotation: 0
+        };
+
+        this.__maximum = {
+            componentSpacing: 10000,
+            valveRadius: 0.2 * 10000,
+            height: 1.2 * 1000,
+            gap: 0.1 * 10000,
+            membraneParameter: 10,
+            rotation: 180
+        };
+
+        this.__featureParams = {
+            componentSpacing: "componentSpacing",
+            position: "position",
+            rotation: "rotation",
+            radius1: "valveRadius",
+            radius2: "valveRadius",
+            valveRadius: "valveRadius",
+            gap: "gap"
+        };
+
+        this.__targetParams = {
+            componentSpacing: "componentSpacing",
+            position: "position",
+            rotation: "rotation",
+            radius1: "valveRadius",
+            radius2: "valveRadius",
+            valveRadius: "valveRadius",
+            gap: "gap"
+        };
+
+        this.__placementTool = "MultilayerPositionTool";
+
+        this.__toolParams = {
+            position: "position"
+        };
+
+        this.__renderKeys = ["FLOW", "CONTROL", "INVERSE"];
+
+        this.__mint = "GASPURGEVALVE3D";
+    }
+
+    getPorts(params) {
+        let ports = [];
+
+        ports.push(new ComponentPort(0, 0, "1", "CONTROL"));
+
+        return ports;
+    }
+
+    __drawFlow(params) {
+        let position = params["position"];
+        let gap = params["gap"];
+        let radius = params["valveRadius"];
+        let color = params["color"];
+        let rotation = params["rotation"];
+
+        let center = new paper.Point(position[0], position[1]);
+        // let h0p0, h0p1, h0p2, h1p0, h1p1, h1p2;
+        let circ = new paper.Path.Circle(center, radius);
+        //circ.fillColor = color;
+        //   if (String(color) == "3F51B5") {
+        let cutout = paper.Path.Rectangle({
+            from: new paper.Point(position[0] - radius, position[1] - gap / 2),
+            to: new paper.Point(position[0] + radius, position[1] + gap / 2)
+        });
+        //cutout.fillColor = "white";
+        let valve = circ.subtract(cutout);
+        valve.rotate(rotation, center);
+        valve.fillColor = color;
+        return valve;
+    }
+
+    __drawControll(params) {
+        let position = params["position"];
+        let gap = params["gap"];
+        let radius = params["valveRadius"];
+        let color = params["color"];
+        let rotation = params["rotation"];
+        let center = new paper.Point(position[0], position[1]);
+        // let h0p0, h0p1, h0p2, h1p0, h1p1, h1p2;
+        let circ = new paper.Path.Circle(center, radius);
+        circ.fillColor = color;
+        return circ;
+    }
+
+    render2D(params, key = "FLOW") {
+        if (key === "FLOW") {
+            return this.__drawFlow(params);
+        } else if (key === "CONTROL") {
+            return this.__drawControll(params);
+        } else if (key === "INVERSE") {
+            return this.__drawInverseFlow(params);
+        } else {
+            throw new Error("No render procedure defined for component:" + this.__mint + ", key: " + key);
+        }
+    }
+
+    render2DTarget(key, params) {
+        let render = this.render2D(params, "FLOW");
+        render.fillColor.alpha = 0.5;
+        return render;
+    }
+
+    __drawInverseFlow(params) {
+        let position = params["position"];
+        let gap = params["gap"];
+        let radius = params["valveRadius"];
+        let color = params["color"];
+        console.log("Coloer:", color);
+        let rotation = params["rotation"];
+        let center = new paper.Point(position[0], position[1]);
+        // let h0p0, h0p1, h0p2, h1p0, h1p1, h1p2;
+        let circ = new paper.Path.Circle(center, radius);
+        circ.fillColor = color;
+        return circ.rotate(rotation, center);
+    }
+}
diff --git a/src/app/view/bareViewManager.js b/src/app/view/bareViewManager.js
index e5271a0e..c66375c9 100644
--- a/src/app/view/bareViewManager.js
+++ b/src/app/view/bareViewManager.js
@@ -876,6 +876,7 @@ export default class BareViewManager {
     //     this.tools["CircleValve"] = new ValveInsertionTool("CircleValve", "Basic");
     //     this.tools["RectValve"] = new ComponentPositionTool("RectValve", "Basic");
     //     this.tools["Valve3D"] = new ValveInsertionTool("Valve3D", "Basic", true);
+    //     this.tools["GasPurgeValve3D"] = new ValveInsertionTool("GasPurgeValve3D", "Basic", true);
     //     this.tools["Port"] = new ComponentPositionTool("Port", "Basic");
     //     this.tools["Via"] = new PositionTool("Via", "Basic");
     //     this.tools["DiamondReactionChamber"] = new ComponentPositionTool("DiamondReactionChamber", "Basic");
diff --git a/src/app/view/ui/componentToolBar.js b/src/app/view/ui/componentToolBar.js
index 38148cfc..69a57c63 100644
--- a/src/app/view/ui/componentToolBar.js
+++ b/src/app/view/ui/componentToolBar.js
@@ -25,6 +25,7 @@ export default class ComponentToolBar {
         this.__circleValveButton = document.getElementById("circleValve_button");
         this.__valveButton = document.getElementById("valve_button");
         this.__valve3dButton = document.getElementById("valve3d_button");
+        this.__gaspurgevalve3dButton = document.getElementById("gaspurgevalve3d_button");
         this.__pumpButton = document.getElementById("pump_button");
         this.__pump3dButton = document.getElementById("pump3d_button");
         this.__portButton = document.getElementById("port_button");
@@ -129,6 +130,7 @@ export default class ComponentToolBar {
             Cathode: this.__cathodeButton,//ck
             CircleValve: this.__circleValveButton,
             Valve3D: this.__valve3dButton,
+            GasPurgeValve3D: this.__gaspurgevalve3dButton,
             Valve: this.__valveButton,
             Pump3D: this.__pump3dButton,
             Pump: this.__pumpButton,
@@ -224,6 +226,13 @@ export default class ComponentToolBar {
             ref.__viewManagerDelegate.switchTo2D();
         };
 
+        this.__gaspurgevalve3dButton.onclick = function () {
+            Registry.viewManager.activateTool("GasPurgeValve3D");
+
+            ref.setActiveButton("GasPurgeValve3D");
+            ref.__viewManagerDelegate.switchTo2D();
+        };
+
         this.__pumpButton.onclick = function() {
             Registry.viewManager.activateTool("Pump");
 
@@ -501,6 +510,7 @@ export default class ComponentToolBar {
         this.__roundedChannelParams.onclick = ComponentToolBar.getParamsWindowCallbackFunction("RoundedChannel", "Basic");
         // this.__circleValveParams.onclick = ComponentToolBar.getParamsWindowCallbackFunction("CircleValve", "Basic");
         this.__valve3dParams.onclick = ComponentToolBar.getParamsWindowCallbackFunction("Valve3D", "Basic");
+        this.__gaspurgevalve3dParams.onclick = ComponentToolBar.getParamsWindowCallbackFunction("GasPurgeValve3D", "Basic");
         this.__valveParams.onclick = ComponentToolBar.getParamsWindowCallbackFunction("Valve", "Basic");
         this.__pump3dParams.onclick = ComponentToolBar.getParamsWindowCallbackFunction("Pump3D", "Basic");
         this.__pumpParams.onclick = ComponentToolBar.getParamsWindowCallbackFunction("Pump", "Basic");
diff --git a/src/app/view/viewManager.js b/src/app/view/viewManager.js
index 7e72450b..cf496631 100644
--- a/src/app/view/viewManager.js
+++ b/src/app/view/viewManager.js
@@ -1251,6 +1251,7 @@ export default class ViewManager {
         this.tools["CircleValve"] = new ValveInsertionTool("CircleValve", "Basic");
         this.tools["RectValve"] = new ComponentPositionTool("RectValve", "Basic");
         this.tools["Valve3D"] = new ValveInsertionTool("Valve3D", "Basic", true);
+        this.tools["GasPurgeValve3D"] = new ValveInsertionTool("GasPurgeValve3D", "Basic", true);
         this.tools["Port"] = new ComponentPositionTool("Port", "Basic");
         this.tools["Anode"] = new ComponentPositionTool("Anode", "Basic"); //Ck
         this.tools["Cathode"] = new ComponentPositionTool("Cathode", "Basic"); //Ck
@@ -1416,12 +1417,12 @@ export default class ViewManager {
         let connection = null;
         //TODO: run though the items
         for (let render_element of selection) {
-            //Check if render_element is associated with a VALVE/VALVE3D
+            //Check if render_element is associated with a VALVE/VALVE3D/GASPURGEVALVE3D
             let component = this.currentDevice.getComponentForFeatureID(render_element.featureID);
             if (component !== null) {
                 console.log("Component Type:", component.getType());
                 let type = component.getType();
-                if (type === "Valve3D" || type === "Valve") {
+                if (type === "Valve3D" || type === "Valve" || type === "GasPurgeValve3D") {
                     valves.push(component);
                 }
             }
@@ -1435,6 +1436,9 @@ export default class ViewManager {
             if (valve.getType() === "Valve3D") {
                 valve_type = true;
             }
+            if (valve.getType() === "GasPurgeValve3D") {
+                valve_type = true;
+            }
             console.log("Adding Valve: ", valve);
             this.currentDevice.insertValve(valve, connection, valve_type);
         }