diff --git a/web_app/src/components/Editor.tsx b/web_app/src/components/Editor.tsx
index 2de8d1a..91b2baf 100644
--- a/web_app/src/components/Editor.tsx
+++ b/web_app/src/components/Editor.tsx
@@ -71,7 +71,6 @@ import { Slider } from "./ui/slider"
 // import InteractiveSegReplaceModal from "../InteractiveSeg/ReplaceModal"
 import { PluginName } from "@/lib/types"
 import { useHotkeys } from "react-hotkeys-hook"
-// import MakeGIF from "./MakeGIF"
 
 const TOOLBAR_SIZE = 200
 const MIN_BRUSH_SIZE = 10
@@ -1583,7 +1582,6 @@ export default function Editor() {
       onMouseMove={onMouseMove}
       onMouseUp={onPointerUp}
     >
-      {/* <MakeGIF renders={renders} /> */}
       {/* <InteractiveSegConfirmActions
         onAcceptClick={onInteractiveAccept}
         onCancelClick={onInteractiveCancel}
diff --git a/web_app/src/lib/api.ts b/web_app/src/lib/api.ts
index 91cd165..ef38659 100644
--- a/web_app/src/lib/api.ts
+++ b/web_app/src/lib/api.ts
@@ -236,35 +236,3 @@ export async function downloadToOutput(
     throw new Error(`Something went wrong: ${error}`)
   }
 }
-
-export async function makeGif(
-  originFile: File,
-  cleanImage: HTMLImageElement,
-  filename: string,
-  mimeType: string
-) {
-  const cleanFile = await srcToFile(cleanImage.src, filename, mimeType)
-  const fd = new FormData()
-  fd.append("name", PluginName.MakeGIF)
-  fd.append("image", originFile)
-  fd.append("clean_img", cleanFile)
-  fd.append("filename", filename)
-
-  try {
-    const res = await fetch(`${API_ENDPOINT}/run_plugin`, {
-      method: "POST",
-      body: fd,
-    })
-    if (!res.ok) {
-      const errMsg = await res.text()
-      throw new Error(errMsg)
-    }
-
-    const blob = await res.blob()
-    const newImage = new Image()
-    await loadImage(newImage, URL.createObjectURL(blob))
-    return newImage
-  } catch (error) {
-    throw new Error(`Something went wrong: ${error}`)
-  }
-}
diff --git a/web_app/src/lib/store.ts b/web_app/src/lib/store.ts
index 50d7550..41430e3 100644
--- a/web_app/src/lib/store.ts
+++ b/web_app/src/lib/store.ts
@@ -86,7 +86,6 @@ interface AppState {
   isInteractiveSegRunning: boolean
   interactiveSegClicks: number[][]
   enableFileManager: boolean
-  gifImage: HTMLImageElement | undefined
   brushSize: number
   isControlNet: boolean
   controlNetMethod: string
@@ -108,7 +107,6 @@ export const appState = atom<AppState>({
     isInteractiveSegRunning: false,
     interactiveSegClicks: [],
     enableFileManager: false,
-    gifImage: undefined,
     brushSize: 40,
     isControlNet: false,
     controlNetMethod: ControlNetMethod.canny,
@@ -225,18 +223,6 @@ export const enableFileManagerState = selector({
   },
 })
 
-export const gifImageState = selector({
-  key: "gifImageState",
-  get: ({ get }) => {
-    const app = get(appState)
-    return app.gifImage
-  },
-  set: ({ get, set }, newValue: any) => {
-    const app = get(appState)
-    set(appState, { ...app, gifImage: newValue })
-  },
-})
-
 export const fileState = selector({
   key: "fileState",
   get: ({ get }) => {
diff --git a/web_app/src/lib/types.ts b/web_app/src/lib/types.ts
index b076e16..4620893 100644
--- a/web_app/src/lib/types.ts
+++ b/web_app/src/lib/types.ts
@@ -5,5 +5,4 @@ export enum PluginName {
   GFPGAN = "GFPGAN",
   RestoreFormer = "RestoreFormer",
   InteractiveSeg = "InteractiveSeg",
-  MakeGIF = "MakeGIF",
 }