diff --git a/src/g-selection.html b/src/g-selection.html
new file mode 100644
index 00000000..31ffe7eb
--- /dev/null
+++ b/src/g-selection.html
@@ -0,0 +1,62 @@
+<!--
+/*
+ * Copyright 2012 The Toolkitchen Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style
+ * license that can be found in the LICENSE file.
+ */
+-->
+<element name="g-selection">
+  <link rel="components" href="g-component.html">
+  <template>
+    <style>
+      @host {
+        display: none;
+      }
+    </style>
+  </template>
+  <script>
+    this.component({
+      created: function() {
+        this.multi = false;
+        this.selection = [];
+      },
+      prototype: {
+        getSelection: function() {
+          return this.multi ? this.selection : this.selection[0];
+        },
+        isSelected: function(inItem) {
+          return this.selection.indexOf(inItem) >= 0;
+        },
+        select: function(inItem) {
+          if (this.multi) {
+            this.toggle(inItem);
+          } else {
+            this.deselect(this.getSelection());
+            this._select(inItem);
+          }
+        },
+        dispatchSelectEvent: function(inType, inItem) {
+          return this.dispatchEvent(new CustomEvent(inType, 
+            {bubbles: true, detail: {item: inItem}}));
+        },
+        _select: function(inItem) {
+          this.selection.push(inItem);
+          this.dispatchSelectEvent("select", inItem);
+        },
+        deselect: function(inItem) {
+          var i = this.selection.indexOf(inItem);
+          if (i >= 0) {
+            this.selection.splice(i, 1);
+            this.dispatchSelectEvent("deselect", inItem);
+          }
+        },
+        toggle: function(inItem) {
+          this[this.isSelected(inItem) ? 'deselect' : '_select'](inItem);
+        },
+        clear: function() {
+          this.selection.splice(0);
+        }
+      }
+    });
+  </script>
+</element>
diff --git a/workbench/selection.html b/workbench/selection.html
new file mode 100644
index 00000000..011c50dd
--- /dev/null
+++ b/workbench/selection.html
@@ -0,0 +1,26 @@
+<!--
+Copyright 2012 The Toolkitchen Authors. All rights reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Selection</title>
+  <script src="../../polyfills/Components/components-polyfill.js" shimShadow></script>
+  <link rel="components" href="../../toolkit/src/g-selection.html">
+</head>
+<body>
+  <g-selection></g-selection>
+  <script>
+    window.addEventListener('WebComponentsReady', function() {
+      // g-selection provides a code module, not rendering
+      var s = document.querySelector("g-selection");
+      s.addEventListener("select", function(inEvent, inItem) {
+        console.log("selected", arguments);
+      });
+      s.select({});
+    });
+  </script>
+</body>
+</html>
