diff --git a/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.css b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.css
new file mode 100644
index 00000000..5d4e87f3
--- /dev/null
+++ b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.css
@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}
diff --git a/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.tsx b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.tsx
new file mode 100644
index 00000000..69112ba5
--- /dev/null
+++ b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.tsx
@@ -0,0 +1,18 @@
+import { Component, Host, h } from '@stencil/core';
+
+@Component({
+  tag: 'graph-transflow',
+  styleUrl: 'graph-transflow.css',
+  shadow: true,
+})
+export class GraphTransflow {
+
+  render() {
+    return (
+      <Host>
+        <slot></slot>
+      </Host>
+    );
+  }
+
+}