diff --git a/package/src/container/VueFlow/VueFlow.vue b/package/src/container/VueFlow/VueFlow.vue
index c9540979..952e9e34 100644
--- a/package/src/container/VueFlow/VueFlow.vue
+++ b/package/src/container/VueFlow/VueFlow.vue
@@ -86,6 +86,13 @@ export default {
 <template>
   <div class="vue-flow">
     <ZoomPane :key="`renderer-${id}`">
+      <template v-for="nodeName of Object.keys(getNodeTypes)" :key="`node-${nodeName}-${id}`">
+        <slot :name="`node-${nodeName}`" />
+      </template>
+      <template v-for="edgeName of Object.keys(getEdgeTypes)" :key="`edge-${edgeName}-${id}`">
+        <slot :name="`edge-${edgeName}`" />
+      </template>
+      <slot name="connection-line" />
       <slot name="zoom-pane" />
     </ZoomPane>
     <slot />