diff --git a/css/molecules/MessageComposer.css b/css/molecules/MessageComposer.css
new file mode 100644
index 0000000000..bc090b9b7b
--- /dev/null
+++ b/css/molecules/MessageComposer.css
@@ -0,0 +1,12 @@
+.mx_MessageComposer {
+    position: absolute;
+    bottom: 5px;
+    right: 0px;
+    left: 0px;
+    width: 100%;
+    height: 36px;
+}
+
+.mx_MessageComposer textarea {
+    width: 100%;
+}
diff --git a/css/molecules/MessageTile.css b/css/molecules/MessageTile.css
new file mode 100644
index 0000000000..777c18a758
--- /dev/null
+++ b/css/molecules/MessageTile.css
@@ -0,0 +1,3 @@
+.mx_MessageTile {
+    border-bottom: 1px solid #eee;
+}
diff --git a/src/molecules/MessageComposer.js b/src/molecules/MessageComposer.js
new file mode 100644
index 0000000000..0782797d3d
--- /dev/null
+++ b/src/molecules/MessageComposer.js
@@ -0,0 +1,16 @@
+var React = require('react');
+
+var MatrixClientPeg = require("../MatrixClientPeg");
+
+module.exports = React.createClass({
+    render: function() {
+        return (
+            <div className="mx_MessageComposer">
+                <form>
+                    <textarea />
+                </form>
+            </div>
+        );
+    },
+});
+