diff --git a/resources/assets/components/Compose.vue b/resources/assets/components/Compose.vue
new file mode 100644
index 000000000..5b00c66e6
--- /dev/null
+++ b/resources/assets/components/Compose.vue
@@ -0,0 +1,53 @@
+<template>
+	<div class="web-wrapper">
+		<div v-if="isLoaded" class="container-fluid mt-3">
+			<div class="row">
+				<div class="col-md-3 d-md-block">
+					<sidebar :user="profile" />
+				</div>
+
+				<div class="col-md-8">
+					<div class="row">
+						<div class="col-12 col-md-8 offset-md-1">
+							<compose-modal v-on:close="closeModal" />
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<drawer />
+		</div>
+	</div>
+</template>
+
+<script type="text/javascript">
+	import Drawer from './partials/drawer.vue';
+	import Sidebar from './partials/sidebar.vue';
+	import ComposeModal from './../js/components/ComposeModal.vue';
+
+	export default {
+		 components: {
+		 	"drawer": Drawer,
+            "sidebar": Sidebar,
+            "compose-modal": ComposeModal
+        },
+
+        data() {
+        	return {
+        		isLoaded: false,
+        		profile: undefined,
+        	}
+        },
+
+        mounted() {
+			this.profile = window._sharedData.user;
+			this.isLoaded = true;
+        },
+
+        methods: {
+        	closeModal() {
+        		this.$router.push('/i/web');
+        	}
+        }
+	}
+</script>