diff --git a/elements/handle.js b/elements/handle.js
new file mode 100644
index 00000000..2bf4c1c9
--- /dev/null
+++ b/elements/handle.js
@@ -0,0 +1,27 @@
+import {html, LitElement} from '../web_modules/lit-element.js';
+import {css} from "../web_modules/lit-element";
+
+class Handle extends LitElement {
+    static get styles() {
+        return css`
+            :host {
+                display: inline-block;
+                box-sizing: border-box;
+                width: 3px;
+                height: 3px;
+                border-top: 1px solid var(--highlight);
+                border-left: 1px solid var(--highlight);
+                background-color: var(--highlight);
+            }
+            
+            :host([disabled]) {
+                background-color: var(--highlight-text);
+            }
+        `;
+    }
+
+    render() {
+        return html``;
+    }
+}
+customElements.define('paint-handle', Handle);
diff --git a/elements/index.js b/elements/index.js
index 935b9766..11845383 100644
--- a/elements/index.js
+++ b/elements/index.js
@@ -1,5 +1,6 @@
 import './app.js';
 import './canvas.js';
+import './handle.js';
 import './inset-container.js';
 import './menu-bar.js';
 import './status-bar.js';