diff --git a/frontend/components/transfer-fraction-button.tsx b/frontend/components/transfer-fraction-button.tsx
new file mode 100644
index 00000000..c8ea4ee5
--- /dev/null
+++ b/frontend/components/transfer-fraction-button.tsx
@@ -0,0 +1,30 @@
+import { Button } from "@mui/material";
+import React from "react";
+
+interface Props {
+  fractionId: string;
+  text?: string;
+  disabled?: boolean;
+  className?: string;
+}
+export function TransferFractionButton({
+  fractionId,
+  text,
+  className,
+  disabled,
+}: Props) {
+  return (
+    <Button
+      onClick={() =>
+        console.log({
+          fractionId,
+          text,
+          className,
+          disabled,
+        })
+      }
+    >
+      Send
+    </Button>
+  );
+}
diff --git a/frontend/plasmic-init.ts b/frontend/plasmic-init.ts
index bcd4bac1..20839d9e 100644
--- a/frontend/plasmic-init.ts
+++ b/frontend/plasmic-init.ts
@@ -32,6 +32,7 @@ import "primereact/resources/primereact.min.css";
 import "primereact/resources/themes/tailwind-light/theme.css";
 import { MergeAllClaimFractionsButton } from "./components/merge-all-claim-fractions-button";
 import { SplitFractionButton } from "./components/split-fraction-button";
+import { TransferFractionButton } from "./components/transfer-fraction-button";
 
 export const PLASMIC = initPlasmicLoader({
   projects: [
@@ -673,6 +674,22 @@ PLASMIC.registerComponent(ProjectsClientProvider, {
   },
 });
 
+PLASMIC.registerComponent(TransferFractionButton, {
+  name: "TransferFractionButton",
+  description: "Button that will transfer the fraction currently selected",
+  props: {
+    text: {
+      type: "string",
+      defaultValue: "Transfer",
+      helpText: "Text to display on button",
+    },
+    fractionId: "string",
+    disabled: "boolean",
+    className: "string",
+  },
+  importPath: "./components/transfer-fraction-button",
+});
+
 PLASMIC.registerComponent(MergeAllClaimFractionsButton, {
   name: "MergeAllClaimFractionsButton",
   description: