diff --git a/frontend/src/components/Preview.tsx b/frontend/src/components/Preview.tsx
index c8508b1..ff22513 100644
--- a/frontend/src/components/Preview.tsx
+++ b/frontend/src/components/Preview.tsx
@@ -1,8 +1,18 @@
+import { useState } from 'react';
+
 interface Props {
   code: string;
 }
 
 function Preview({ code }: Props) {
+  const [blobUrl, setBlobUrl] = useState('');
+
+  const createBlobUrl = () => {
+    const blob = new Blob([code], { type: 'text/html' });
+    const url = URL.createObjectURL(blob);
+    setBlobUrl(url);
+  };
+
   return (
     <div className="w-[704px]">
       <iframe
@@ -11,6 +21,9 @@ function Preview({ code }: Props) {
         className="border-[5px] border-black rounded-[33px] p-4 shadow-lg 
         transform scale-[0.8] origin-top-left w-[1280px] h-[832px]"
       ></iframe>
+      <button onClick={createBlobUrl} href={blobUrl} download="index.html">
+        Download code
+      </button>
     </div>
   );
 }