diff --git a/examples/Components/Routes/Basic/index.vue b/examples/Components/Routes/Basic/index.vue
index efa91d35..0e9c0006 100644
--- a/examples/Components/Routes/Basic/index.vue
+++ b/examples/Components/Routes/Basic/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div class="menubar" slot-scope="{ commands, isActive }">
 
         <button
@@ -122,7 +122,7 @@
         </button>
 
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -130,7 +130,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   Blockquote,
   CodeBlock,
@@ -153,7 +153,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {
diff --git a/examples/Components/Routes/Export/index.vue b/examples/Components/Routes/Export/index.vue
index a2d3348f..393a9543 100644
--- a/examples/Components/Routes/Export/index.vue
+++ b/examples/Components/Routes/Export/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="editor">
-      <menu-bar :editor="editor">
+      <editor-menu-bar :editor="editor">
         <div class="menubar" slot-scope="{ commands, isActive }">
 
           <button
@@ -85,7 +85,7 @@
           </button>
 
         </div>
-      </menu-bar>
+      </editor-menu-bar>
 
       <editor-content class="editor__content" :editor="editor" />
 
@@ -112,7 +112,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   Blockquote,
   CodeBlock,
@@ -133,7 +133,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {
diff --git a/examples/Components/Routes/FloatingMenu/index.vue b/examples/Components/Routes/FloatingMenu/index.vue
index 5a761042..ddae437e 100644
--- a/examples/Components/Routes/FloatingMenu/index.vue
+++ b/examples/Components/Routes/FloatingMenu/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <floating-menu  :editor="editor">
+    <editor-floating-menu :editor="editor">
       <div
         slot-scope="{ commands, isActive, menu }"
         class="editor__floating-menu"
@@ -65,7 +65,7 @@
         </button>
 
       </div>
-    </floating-menu>
+    </editor-floating-menu>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -73,7 +73,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, FloatingMenu } from 'tiptap'
+import { Editor, EditorContent, EditorFloatingMenu } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -94,7 +94,7 @@ import {
 export default {
   components: {
     EditorContent,
-    FloatingMenu,
+    EditorFloatingMenu,
     Icon,
   },
   data() {
diff --git a/examples/Components/Routes/HidingMenuBar/index.vue b/examples/Components/Routes/HidingMenuBar/index.vue
index b463b4f0..b779af2f 100644
--- a/examples/Components/Routes/HidingMenuBar/index.vue
+++ b/examples/Components/Routes/HidingMenuBar/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div
         class="menubar is-hidden"
         :class="{ 'is-focused': focused }"
@@ -112,7 +112,7 @@
         </button>
 
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -120,7 +120,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -143,7 +143,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {
diff --git a/examples/Components/Routes/Images/index.vue b/examples/Components/Routes/Images/index.vue
index 500c5091..cbc7bbcc 100644
--- a/examples/Components/Routes/Images/index.vue
+++ b/examples/Components/Routes/Images/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div class="menubar" slot-scope="{ commands }">
         <button
           class="menubar__button"
@@ -9,7 +9,7 @@
           <icon name="image" />
         </button>
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -17,7 +17,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   HardBreak,
   Heading,
@@ -31,7 +31,7 @@ export default {
   components: {
     Icon,
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
   },
   data() {
     return {
diff --git a/examples/Components/Routes/Links/index.vue b/examples/Components/Routes/Links/index.vue
index 5284eab4..4f12cbb6 100644
--- a/examples/Components/Routes/Links/index.vue
+++ b/examples/Components/Routes/Links/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bubble class="menububble" :editor="editor">
+    <editor-menu-bubble class="menububble" :editor="editor">
       <div
         slot-scope="{ commands, isActive, markAttrs, menu }"
         class="menububble"
@@ -27,7 +27,7 @@
         </template>
 
       </div>
-    </menu-bubble>
+    </editor-menu-bubble>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -35,7 +35,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBubble } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBubble } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -56,7 +56,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBubble,
+    EditorMenuBubble,
     Icon,
   },
   data() {
diff --git a/examples/Components/Routes/MenuBubble/index.vue b/examples/Components/Routes/MenuBubble/index.vue
index a8a992a2..0188c3bb 100644
--- a/examples/Components/Routes/MenuBubble/index.vue
+++ b/examples/Components/Routes/MenuBubble/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bubble :editor="editor">
+    <editor-menu-bubble :editor="editor">
       <div
         slot-scope="{ commands, isActive, menu }"
         class="menububble"
@@ -33,7 +33,7 @@
         </button>
 
       </div>
-    </menu-bubble>
+    </editor-menu-bubble>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -41,7 +41,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBubble } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBubble } from 'tiptap'
 import {
   Blockquote,
   BulletList,
@@ -64,7 +64,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBubble,
+    EditorMenuBubble,
     Icon,
   },
   data() {
diff --git a/examples/Components/Routes/TodoList/index.vue b/examples/Components/Routes/TodoList/index.vue
index 149977d8..20d4be90 100644
--- a/examples/Components/Routes/TodoList/index.vue
+++ b/examples/Components/Routes/TodoList/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="editor">
-    <menu-bar :editor="editor">
+    <editor-menu-bar :editor="editor">
       <div class="menubar" slot-scope="{ commands, isActive }">
 
         <button
@@ -36,7 +36,7 @@
         </button>
 
       </div>
-    </menu-bar>
+    </editor-menu-bar>
 
     <editor-content class="editor__content" :editor="editor" />
   </div>
@@ -44,7 +44,7 @@
 
 <script>
 import Icon from 'Components/Icon'
-import { Editor, EditorContent, MenuBar } from 'tiptap'
+import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
   CodeBlock,
   HardBreak,
@@ -59,7 +59,7 @@ import {
 export default {
   components: {
     EditorContent,
-    MenuBar,
+    EditorMenuBar,
     Icon,
   },
   data() {
diff --git a/packages/tiptap/src/Components/FloatingMenu.js b/packages/tiptap/src/Components/EditorFloatingMenu.js
similarity index 100%
rename from packages/tiptap/src/Components/FloatingMenu.js
rename to packages/tiptap/src/Components/EditorFloatingMenu.js
diff --git a/packages/tiptap/src/Components/MenuBar.js b/packages/tiptap/src/Components/EditorMenuBar.js
similarity index 100%
rename from packages/tiptap/src/Components/MenuBar.js
rename to packages/tiptap/src/Components/EditorMenuBar.js
diff --git a/packages/tiptap/src/Components/MenuBubble.js b/packages/tiptap/src/Components/EditorMenuBubble.js
similarity index 100%
rename from packages/tiptap/src/Components/MenuBubble.js
rename to packages/tiptap/src/Components/EditorMenuBubble.js
diff --git a/packages/tiptap/src/index.js b/packages/tiptap/src/index.js
index 110ebdf2..cea5e362 100644
--- a/packages/tiptap/src/index.js
+++ b/packages/tiptap/src/index.js
@@ -1,8 +1,8 @@
 export { default as Editor } from './Utils/Editor'
 export { default as EditorContent } from './Components/EditorContent'
-export { default as MenuBar } from './Components/MenuBar'
-export { default as MenuBubble } from './Components/MenuBubble'
-export { default as FloatingMenu } from './Components/FloatingMenu'
+export { default as EditorMenuBar } from './Components/EditorMenuBar'
+export { default as EditorMenuBubble } from './Components/EditorMenuBubble'
+export { default as EditorFloatingMenu } from './Components/EditorFloatingMenu'
 
 export { default as Extension } from './Utils/Extension'
 export { default as Node } from './Utils/Node'