diff --git a/css/toolbox.css b/css/toolbox.css
index 7dba7f7..c04cb99 100644
--- a/css/toolbox.css
+++ b/css/toolbox.css
@@ -1,6 +1,11 @@
 #toolbox {
 	list-style: none;
 	padding: 0;
+	display: none;
+}
+
+#toolbox.active {
+	display: block;
 }
 
 #colors {
diff --git a/index.html b/index.html
index 25e078f..8a10a1f 100644
--- a/index.html
+++ b/index.html
@@ -7,9 +7,11 @@
 		<link rel="stylesheet" href="style.css" type="text/css"/>
 	</head>
 	<body>
-		<ul id="mode">
-			<li id="edit">Edit</li>
-		</ul>
+		<select id="mode">
+			<option value="play">Play</option>
+			<option disabled value="solve">Solve</option>
+			<option value="edit">Edit</option>
+		</select>
 		<div id="playground">
 			<ul id="toolbox">
 				<li id="toolpicker">
diff --git a/js/Main.js b/js/Main.js
index 513730d..5c13ca3 100644
--- a/js/Main.js
+++ b/js/Main.js
@@ -1,7 +1,9 @@
 import Grid;
 import Toolbox;
+import Mode;
 
 var size = 8;
 
 Grid.init(size);
 Toolbox.init(size);
+Mode.init();
diff --git a/js/Mode.js b/js/Mode.js
new file mode 100644
index 0000000..66e509f
--- /dev/null
+++ b/js/Mode.js
@@ -0,0 +1,14 @@
+import Toolbox;
+
+var mode;
+
+return {
+	init: init
+}
+
+function init(elementId) {
+	mode = document.getElementById(elementId || 'mode');
+	mode.addEventListener('change', function() {
+		Toolbox.activate(mode.value == 'edit');
+	});
+}
diff --git a/js/Toolbox.js b/js/Toolbox.js
index cd9f264..5815c8e 100644
--- a/js/Toolbox.js
+++ b/js/Toolbox.js
@@ -1,24 +1,30 @@
 import * as Dom from UnitJS.Dom;
 
+var toolbox;
 var tool;
 var colors;
 
 return {
+	activate: activate,
 	init: init,
 	tool: tool,
 	color: color
 };
 
+function activate(on) {
+	toolbox.classList[on ? 'add' : 'remove']('active');
+}
+
 function init(size, elementId) {
-	root = document.getElementById(elementId || 'toolbox');
-	colors = root.querySelector('#colors');
+	toolbox = document.getElementById(elementId || 'toolbox');
+	colors = toolbox.querySelector('#colors');
 	for(var i = 0; i < size; i++) {
 		colors.appendChild(Dom.make('option', {class: 'color' + i}));
 	}
 	colors.addEventListener('change', function() {
 		colors.className = color();
 	});
-	tool = root.querySelector('#tool');
+	tool = toolbox.querySelector('#tool');
 }
 
 function tool() {
