diff --git a/src/dom_components/model/ComponentHead.ts b/src/dom_components/model/ComponentHead.ts
new file mode 100644
index 000000000..ea2c2fb00
--- /dev/null
+++ b/src/dom_components/model/ComponentHead.ts
@@ -0,0 +1,21 @@
+import Component from './Component';
+import { toLowerCase } from '../../utils/mixins';
+
+const type = 'head';
+
+export default class ComponentHead extends Component {
+  get defaults() {
+    return {
+      // @ts-ignore
+      ...super.defaults,
+      type,
+      tagName: type,
+      draggable: false,
+      droppable: ['title', 'style', 'base', 'link', 'meta', 'script', 'noscript'],
+    };
+  }
+
+  static isComponent(el: HTMLElement) {
+    return toLowerCase(el.tagName) === type;
+  }
+}