diff --git a/examples/example-element/example-element.sky b/examples/example-element/example-element.sky
new file mode 100644
index 0000000000..097d4f54e2
--- /dev/null
+++ b/examples/example-element/example-element.sky
@@ -0,0 +1,25 @@
+<!--
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+-->
+<import src="/sky/framework/sky-element.sky" />
+<sky-element>
+<template>
+  <style>
+    div {
+      height: 50px;
+      width: 50px;
+      background-color: green;
+    }
+  </style>
+  <div>Hi</div>
+</template>
+<script>
+@Tagname('example')
+class ExampleElement extends SkyElement {
+}
+
+_init(script) => register(script, ExampleElement);
+</script>
+</sky-element>
diff --git a/examples/example-element/index.sky b/examples/example-element/index.sky
new file mode 100644
index 0000000000..f895fbefd4
--- /dev/null
+++ b/examples/example-element/index.sky
@@ -0,0 +1,16 @@
+<!--
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+-->
+<sky>
+  <import src="example-element.sky" />
+  <style>
+    example {
+      border: 1px solid blue;
+      width: 100px;
+      height: 100px;
+    }
+  </style>
+  <example />
+</sky>