diff --git a/static/index.ejs b/static/index.ejs
index f8f0ebb9..03a05b22 100644
--- a/static/index.ejs
+++ b/static/index.ejs
@@ -9,6 +9,7 @@
 	<div id="body">
 		<div id="storage">
 			<h2>Storage</h2>
+			<input type="text" placeholder="search" id="search"></input>
 			<div id="contents">
 			</div>
 			<canvas id="contentGraph" width="200" height="200"></canvas>
diff --git a/static/storage.js b/static/storage.js
index 83e5930f..97d184b7 100644
--- a/static/storage.js
+++ b/static/storage.js
@@ -11,7 +11,10 @@ function drawcontents(data) {
 		} else {
 			img = "https://wiki.factorio.com/images/" + capitalizeFirstLetter(data[i].name) + ".png";
 		}
-		result = result + "<tr><td><image src='" + img + "' onerror='hideThis(this);'></td><td>" + data[i].name + "</td><td>" + data[i].count + "</td></tr>";
+		var searchField = document.querySelector("#search");
+		if(!searchField.value || data[i].name.includes(searchField.value)) {
+			result = result + "<tr><td><image src='" + img + "' onerror='hideThis(this);'></td><td>" + data[i].name + "</td><td>" + data[i].count + "</td></tr>";
+		}
 	}
 	result = result + "</table>"
 	document.getElementById("contents").innerHTML = result;
diff --git a/static/style.css b/static/style.css
index 73492c90..7fdd5b44 100644
--- a/static/style.css
+++ b/static/style.css
@@ -17,8 +17,12 @@ button {
 	http://www.lua-api.factorio.com */
 	background-color: #262626;
 	color: 	#C8C8C8;
-}	
-
+}
+/* search field */
+#storage > input {
+	background-color:black;
+	width:300px;
+}
 #sidenav {
 	position:fixed;
 	left:0px;