diff --git a/components/toolbar.js b/components/toolbar.js
new file mode 100644
index 0000000..5c81504
--- /dev/null
+++ b/components/toolbar.js
@@ -0,0 +1,51 @@
+import React from 'react'
+import Dropdown from './dropdown'
+
+const themes = [
+  {
+    name: 'dracula'
+  },
+  {
+    name: 'solarized'
+  }
+]
+
+const langauges = [
+  {
+    name: 'javascript'
+  },
+  {
+    name: 'python'
+  },
+  {
+    name: 'c'
+  },
+  {
+    name: 'shitty ass java'
+  }
+]
+
+export default class extends React.Component {
+  constructor() {
+    super()
+  }
+
+  render() {
+    return (
+      <div id="toolbar">
+        <Dropdown list={themes} />
+        <Dropdown list={langauges} />
+        <style jsx>{`
+          #toolbar {
+            width: 100%;
+            height: 40px; // TODO fix
+            margin-bottom: 16px;
+            display: flex;
+            position: relative;
+            z-index: 1;
+          }
+        `}</style>
+      </div>
+    )
+  }
+}