diff --git a/src/frontend/src/contexts/storeContext.tsx b/src/frontend/src/contexts/storeContext.tsx
new file mode 100644
index 000000000..072e84bf1
--- /dev/null
+++ b/src/frontend/src/contexts/storeContext.tsx
@@ -0,0 +1,21 @@
+import { createContext, useState } from "react";
+import { storeContextType } from "../types/contexts/store";
+import { FlowType } from "../types/flow";
+
+//store context to share user components and update them
+const initialValue = {
+  savedFlows: {},
+  setSavedFlows: () => {},
+};
+
+export const StoreContext = createContext<storeContextType>(initialValue);
+
+export function storeProvider({ children }) {
+  const [savedFlows, setSavedFlows] = useState<{ [key: string]: FlowType }>({});
+
+  return (
+    <StoreContext.Provider value={{ savedFlows, setSavedFlows }}>
+      {children}
+    </StoreContext.Provider>
+  );
+}
diff --git a/src/frontend/src/types/contexts/store.ts b/src/frontend/src/types/contexts/store.ts
new file mode 100644
index 000000000..2561e77c0
--- /dev/null
+++ b/src/frontend/src/types/contexts/store.ts
@@ -0,0 +1,6 @@
+import { FlowType } from "../flow";
+
+export type storeContextType = {
+  savedFlows: { [key: string]: FlowType };
+  setSavedFlows: (newState: { [key: string]: FlowType }) => void;
+};