diff --git a/dist/ReactFlow.css b/dist/ReactFlow.css
deleted file mode 100644
index af1d4f44..00000000
--- a/dist/ReactFlow.css
+++ /dev/null
@@ -1,189 +0,0 @@
-.react-flow {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-}
-
-.react-flow__renderer {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-
-.react-flow__zoompane {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-}
-
-.react-flow__selectionpane {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-}
-
-.react-flow__selection {
-  position: absolute;
-  top: 0;
-  left: 0;
-  background: rgba(0, 89, 220, 0.08);
-  border: 1px dotted rgba(0, 89, 220, 0.8);
-}
-
-.react-flow__edges {
-  position: absolute;
-  top: 0;
-  left: 0;
-  pointer-events: none;
-  z-index: 2;
-}
-
-.react-flow__edge {
-  fill: none;
-  stroke: #bbb;
-  stroke-width: 2;
-  pointer-events: all;
-}
-
-.react-flow__edge.selected {
-    stroke: #555;
-  }
-
-.react-flow__edge.animated {
-    stroke-dasharray: 5;
-    -webkit-animation: dashdraw 0.5s linear infinite;
-            animation: dashdraw 0.5s linear infinite;
-  }
-
-.react-flow__edge.connection {
-    stroke: '#ddd';
-    pointer-events: none;
-  }
-
-@-webkit-keyframes dashdraw {
-  from {stroke-dashoffset: 10}
-}
-
-@keyframes dashdraw {
-  from {stroke-dashoffset: 10}
-}
-
-.react-flow__nodes {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  z-index: 3;
-  pointer-events: none;
-  transform-origin: 0 0;
-}
-
-.react-flow__node {
-  position: absolute;
-  color: #222;
-  font-family: sans-serif;
-  font-size: 12px;
-  text-align: center;
-  cursor: -webkit-grab;
-  cursor: grab;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  pointer-events: all;
-  transform-origin: 0 0;
-}
-
-.react-flow__node:hover > * {
-    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.08);
-  }
-
-.react-flow__node.selected > * {
-    box-shadow: 0 0 0 2px #555;
-  }
-
-.react-flow__handle {
-  position: absolute;
-  width: 10px;
-  height: 8px;
-  background: rgba(255, 255, 255, 0.4);
-  cursor: crosshair;
-}
-
-.react-flow__handle.bottom {
-    top: auto;
-    left: 50%;
-    bottom: 0;
-    transform: translate(-50%, 0);
-  }
-
-.react-flow__handle.top {
-    left: 50%;
-    top: 0;
-    transform: translate(-50%, 0);
-  }
-
-.react-flow__handle.left {
-    top: 50%;
-    left: 0;
-    transform: translate(0, -50%);
-
-  }
-
-.react-flow__handle.right {
-    right: 0;
-    top: 50%;
-    transform: translate(0, -50%);
-  }
-
-.react-flow__nodesselection {
-  z-index: 3;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  transform-origin: left top;
-  pointer-events: none;
-}
-
-.react-flow__nodesselection-rect {
-    position: absolute;
-    background: rgba(0, 89, 220, 0.08);
-    border: 1px dotted rgba(0, 89, 220, 0.8);
-    pointer-events: all;
-  }
-
-.react-flow__controls {
-  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
-}
-
-.react-flow__controls-button {
-    background: #fefefe;
-    border-bottom: 1px solid #eee;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    cursor: pointer;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    padding: 5px;
-  }
-
-.react-flow__controls-button img {
-      width: 100%;
-    }
-
-.react-flow__controls-button:hover {
-      background: #f4f4f4;
-    }
diff --git a/package-lock.json b/package-lock.json
index 1dae9731..c15216c8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7837,6 +7837,29 @@
       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
       "dev": true
     },
+    "react": {
+      "version": "16.10.2",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.10.2.tgz",
+      "integrity": "sha512-MFVIq0DpIhrHFyqLU0S3+4dIcBhhOvBE8bJ/5kHPVOVaGdo0KuiQzpcjCPsf585WvhypqtrMILyoE2th6dT+Lw==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2"
+      }
+    },
+    "react-dom": {
+      "version": "16.10.2",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.10.2.tgz",
+      "integrity": "sha512-kWGDcH3ItJK4+6Pl9DZB16BXYAZyrYQItU4OMy0jAkv5aNqc+mAKb4TpFtAteI6TJZu+9ZlNhaeNQSVQDHJzkw==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "scheduler": "^0.16.2"
+      }
+    },
     "react-draggable": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.0.3.tgz",
diff --git a/package.json b/package.json
index 26357363..ffda8634 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,9 @@
     "husky": "^3.0.8",
     "parcel-bundler": "^1.12.4",
     "postcss-nested": "^4.1.2",
+    "prop-types": "^15.7.2",
+    "react": "^16.10.2",
+    "react-dom": "^16.10.2",
     "rollup": "^1.23.1",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-bundle-size": "^1.0.3",
diff --git a/rollup.config.js b/rollup.config.js
index 1d8e1085..9093e588 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -17,9 +17,7 @@ const onwarn = (warning, rollupWarn) => {
 };
 const plugins = [
 	bundleSize(),
-	postcss({
-		extract: isProd
-	}),
+	postcss(),
 	resolve(),
 	babel({
 		exclude: 'node_modules/**'