diff --git a/docs/src/App.vue b/docs/src/App.vue
index 4aa4218..2b60ea3 100644
--- a/docs/src/App.vue
+++ b/docs/src/App.vue
@@ -55,6 +55,10 @@
                   <router-link exact to="/components/list">List</router-link>
                 </md-list-item>
 
+                <md-list-item class="md-inset">
+                  <router-link exact to="/components/menu">Menu</router-link>
+                </md-list-item>
+
                 <md-list-item class="md-inset">
                   <router-link exact to="/components/radio">Radio</router-link>
                 </md-list-item>
diff --git a/docs/src/pages/components/Menu.vue b/docs/src/pages/components/Menu.vue
new file mode 100644
index 0000000..01f9acc
--- /dev/null
+++ b/docs/src/pages/components/Menu.vue
@@ -0,0 +1,108 @@
+<template>
+  <demo-page label="Components - Menu">
+    <div slot="examples">
+      <demo-example label="Default">
+      </demo-example>
+    </div>
+
+    <div slot="code">
+
+    </div>
+
+    <div slot="api">
+
+    </div>
+  </demo-page>
+</template>
+
+<style lang="scss">
+  @import '../../../../src/core/stylesheets/variables.scss';
+
+  .phone-viewport {
+    width: 360px;
+    height: 540px;
+    margin-right: 16px;
+    display: inline-block;
+    position: relative;
+    overflow: hidden;
+    background-color: #fff;
+    border: 1px solid rgba(#000, .12);
+  }
+
+  .custom-list {
+    .md-list-action {
+      position: absolute;
+      top: 8px;
+      right: 16px;
+      pointer-events: auto;
+      z-index: 2;
+    }
+
+    .md-icon {
+      color: rgba(#000, .26);
+    }
+  }
+
+  .complete-example {
+    height: 540px;
+    display: flex;
+    flex-flow: column;
+    position: relative;
+    overflow: hidden;
+    z-index: 1;
+
+    .md-fab {
+      margin: 0;
+      position: absolute;
+      bottom: -20px;
+      left: 16px;
+      box-shadow: $material-shadow-5dp;
+    }
+
+    .md-toolbar {
+      .md-icon {
+        color: #014e70;
+      }
+    }
+
+    .md-title {
+      color: #fff;
+    }
+
+    .md-list {
+      overflow: auto;
+    }
+
+    .md-list-action .md-icon {
+      color: rgba(#000, .26);
+    }
+
+    .md-avatar-icon .md-icon {
+      color: #fff !important;
+    }
+
+    .md-sidenav .md-list-text-container > :nth-child(2) {
+      color: rgba(#fff, .54);
+    }
+
+    .md-account-header {
+      .md-list-item:hover .md-button:hover {
+        background-color: inherit;
+      }
+
+      .md-avatar-list .md-list-item-container:hover {
+        background: none !important;
+      }
+    }
+  }
+</style>
+
+<script>
+  export default {
+    methods: {
+      toggleSidenav() {
+        this.$refs.sidebar.toggle();
+      }
+    }
+  };
+</script>
diff --git a/docs/src/routes.js b/docs/src/routes.js
index 86e95fa..f327593 100644
--- a/docs/src/routes.js
+++ b/docs/src/routes.js
@@ -14,6 +14,7 @@ import Checkbox from './pages/components/Checkbox';
 import Icon from './pages/components/Icon';
 import Input from './pages/components/Input';
 import List from './pages/components/List';
+import Menu from './pages/components/Menu';
 import Radio from './pages/components/Radio';
 import Ripple from './pages/components/Ripple';
 import Select from './pages/components/Select';
@@ -102,6 +103,11 @@ const components = [
     name: 'components:list',
     component: List
   },
+  {
+    path: '/components/menu',
+    name: 'components:menu',
+    component: Menu
+  },
   {
     path: '/components/radio',
     name: 'components:radio',
diff --git a/src/components/mdMenu/index.js b/src/components/mdMenu/index.js
new file mode 100644
index 0000000..094c8f8
--- /dev/null
+++ b/src/components/mdMenu/index.js
@@ -0,0 +1,8 @@
+import mdMenu from './mdMenu.vue';
+import mdMenuTheme from './mdMenu.theme';
+
+export default function install(Vue) {
+  Vue.component('md-menu', Vue.extend(mdMenu));
+
+  Vue.material.styles.push(mdMenuTheme);
+}
diff --git a/src/components/mdMenu/mdMenu.scss b/src/components/mdMenu/mdMenu.scss
new file mode 100644
index 0000000..9269bcc
--- /dev/null
+++ b/src/components/mdMenu/mdMenu.scss
@@ -0,0 +1,5 @@
+@import '../../core/stylesheets/variables.scss';
+
+.md-select {
+
+}
diff --git a/src/components/mdMenu/mdMenu.theme b/src/components/mdMenu/mdMenu.theme
new file mode 100644
index 0000000..0430122
--- /dev/null
+++ b/src/components/mdMenu/mdMenu.theme
@@ -0,0 +1,6 @@
+.THEME_NAME {
+  .md-menu,
+  &.md-menu {
+
+  }
+}
diff --git a/src/components/mdMenu/mdMenu.vue b/src/components/mdMenu/mdMenu.vue
new file mode 100644
index 0000000..7d6b9b5
--- /dev/null
+++ b/src/components/mdMenu/mdMenu.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="md-menu" :class="classes">
+    <slot></slot>
+  </div>
+</template>
+
+<style lang="scss" src="./mdMenu.scss"></style>
+
+<script>
+  export default {
+    props: {
+
+    },
+    data() {
+      return {
+
+      };
+    },
+    computed: {
+      classes() {
+        return {
+
+        };
+      }
+    },
+    methods: {
+
+    },
+    mounted() {
+
+    },
+    beforeDestroy() {
+
+    }
+  };
+</script>
diff --git a/src/index.js b/src/index.js
index 8295b86..6fe5219 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,6 +8,7 @@ import mdDivider from './components/mdDivider';
 import mdIcon from './components/mdIcon';
 import mdInputContainer from './components/mdInputContainer';
 import mdList from './components/mdList';
+import mdMenu from './components/mdMenu';
 import mdRadio from './components/mdRadio';
 import mdSelect from './components/mdSelect';
 import mdSidenav from './components/mdSidenav';
@@ -29,6 +30,7 @@ let options = {
   mdIcon,
   mdInputContainer,
   mdList,
+  mdMenu,
   mdRadio,
   mdSelect,
   mdSidenav,