diff --git a/src/index.ts b/src/index.ts
index 3745bd2..14e8d77 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -11,6 +11,7 @@ import {
   animatedClip,
 } from "./config";
 import { matchImages } from "./utils/matchImages";
+import { saveFrames } from "./utils/saveFrames";
 
 const main = async () => {
   const browser = await puppeteer.launch({
@@ -104,6 +105,8 @@ const main = async () => {
         index++;
       }
 
+      saveFrames({ fileName: svg, frames });
+
       await page.close();
     }
 
diff --git a/src/utils/saveFrames.ts b/src/utils/saveFrames.ts
new file mode 100644
index 0000000..e0ff8e0
--- /dev/null
+++ b/src/utils/saveFrames.ts
@@ -0,0 +1,16 @@
+import fs from "fs";
+import { getOutPath } from "./getOutPath";
+
+interface SaveFramesArguments {
+  fileName: string;
+  frames: Buffer[];
+}
+export const saveFrames = ({ fileName, frames }: SaveFramesArguments) => {
+  let index = 1;
+  const totalFrames = Buffer.length;
+  for (let [frameBuffer] of Object.entries(frames)) {
+    const out = getOutPath(index, totalFrames, fileName);
+    fs.writeFileSync(out, frameBuffer);
+    index++;
+  }
+};