diff --git a/light9/web/paint/paint-elements.html b/light9/web/paint/paint-elements.html
--- a/light9/web/paint/paint-elements.html
+++ b/light9/web/paint/paint-elements.html
@@ -1,8 +1,12 @@
+<script src="/lib/underscore/underscore-min.js"></script>
 <link rel="import" href="/lib/polymer/polymer.html">
 <link rel="import" href="/lib/iron-resizable-behavior/iron-resizable-behavior.html">
 <link rel="import" href="/lib/iron-ajax/iron-ajax.html">
+<link rel="import" href="/lib/paper-radio-group/paper-radio-group.html">
+<link rel="import" href="/lib/paper-radio-button/paper-radio-button.html">
 <link rel="import" href="paint-report-elements.html">
 
+
 <dom-module id="light9-paint-canvas">
   <template>
     <style>
@@ -20,6 +24,9 @@
          width: 100%;
          height: 500px;
      }
+     #toolbar {
+         background: #a7a7a7;
+     }
      svg > path {
          fill:none;
          stroke:rgba(255, 255, 255, 0.66);
@@ -31,11 +38,12 @@
      }
     </style>
 
-    <div>
-      tools:
-      - hover spot
-      - paint
-      - erase
+    <div id="toolbar">
+      <paper-radio-group selected="{{tool}}">
+        <paper-radio-button name="hover">hover spot</paper-radio-button>
+        <paper-radio-button name="paint">paint</paper-radio-button>
+        <paper-radio-button name="erase">erase</paper-radio-button>
+      </paper-radio-group>
     </div>
     
     <div id="parent">