diff --git a/lib/app_component.dart b/lib/app_component.dart
index 2ea152e..cf77c3c 100644
--- a/lib/app_component.dart
+++ b/lib/app_component.dart
@@ -5,19 +5,6 @@ import 'package:rules_of_living/src/App.dart';
 
 @Component(
   selector: 'my-app',
-  template: '''
-  <h1>Cellular Automata - The Rules of Life</h1>
-  <div id="output">
-      <canvas #caCanvas width="500" height="500"></canvas>
-  </div>
-  <div id="controls">
-      <button id="run">Run</button>
-      <button id="step">Step</button>
-      <button id="reset">Reset</button>
-      <button id="random">Random</button>
-      <input id="speed" title="Speed" value="1">
-  </div>
-  ''',
 )
 class AppComponent implements OnInit {
   var name = "World";
diff --git a/lib/app_component.html b/lib/app_component.html
new file mode 100644
index 0000000..95d1c96
--- /dev/null
+++ b/lib/app_component.html
@@ -0,0 +1,14 @@
+<h1>Cellular Automata - The Rules of Life</h1>
+<div id="rules-input">
+    Ruleset: <input type="text" title="ruleset" content="S23/B3">
+</div>
+<div id="output">
+    <canvas #caCanvas width="500" height="500"></canvas>
+</div>
+<div id="controls">
+    <button id="run" >Run</button>
+    <button id="step">Step</button>
+    <button id="reset">Reset</button>
+    <button id="random">Random</button>
+    Speed: <input type="text" title="speed" value="1">
+</div>
\ No newline at end of file
diff --git a/lib/src/App.dart b/lib/src/App.dart
index aa53e04..10e590d 100644
--- a/lib/src/App.dart
+++ b/lib/src/App.dart
@@ -1,6 +1,5 @@
 import 'dart:html' as html;
 
-import 'package:rules_of_living/src/Cell.dart';
 import 'package:rules_of_living/src/Grid.dart';
 
 class App {