diff --git a/package-lock.json b/package-lock.json
index d9d073e..9b0fb03 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,8 +17,10 @@
         "react-component-export-image": "^1.0.6",
         "react-dom": "^18.2.0",
         "react-draggable": "^4.4.5",
+        "react-icons": "^4.11.0",
         "react-router-dom": "^6.3.0",
         "react-scripts": "5.0.1",
+        "react-share": "^4.4.1",
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
@@ -5583,9 +5585,9 @@
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
     "node_modules/classnames": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
-      "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
     },
     "node_modules/clean-css": {
       "version": "5.3.1",
@@ -11480,6 +11482,27 @@
         "graceful-fs": "^4.1.6"
       }
     },
+    "node_modules/jsonp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/jsonp/-/jsonp-0.2.1.tgz",
+      "integrity": "sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==",
+      "dependencies": {
+        "debug": "^2.1.3"
+      }
+    },
+    "node_modules/jsonp/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/jsonp/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
     "node_modules/jsonpointer": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.0.tgz",
@@ -14201,6 +14224,14 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
       "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
     },
+    "node_modules/react-icons": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
+      "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -14315,6 +14346,22 @@
         }
       }
     },
+    "node_modules/react-share": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/react-share/-/react-share-4.4.1.tgz",
+      "integrity": "sha512-AJ9m9RiJssqvYg7MoJUc9J0D7b/liWrsfQ99ndKc5vJ4oVHHd4Fy87jBlKEQPibT40oYA3AQ/a9/oQY6/yaigw==",
+      "dependencies": {
+        "classnames": "^2.3.2",
+        "jsonp": "^0.2.1"
+      },
+      "engines": {
+        "node": ">=6.9.0",
+        "npm": ">=5.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.3.0 || ^17 || ^18"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
@@ -21040,9 +21087,9 @@
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
     "classnames": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
-      "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
     },
     "clean-css": {
       "version": "5.3.1",
@@ -25309,6 +25356,29 @@
         "universalify": "^2.0.0"
       }
     },
+    "jsonp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/jsonp/-/jsonp-0.2.1.tgz",
+      "integrity": "sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==",
+      "requires": {
+        "debug": "^2.1.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
     "jsonpointer": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.0.tgz",
@@ -27100,6 +27170,12 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
       "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
     },
+    "react-icons": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
+      "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
+      "requires": {}
+    },
     "react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -27187,6 +27263,15 @@
         "workbox-webpack-plugin": "^6.4.1"
       }
     },
+    "react-share": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/react-share/-/react-share-4.4.1.tgz",
+      "integrity": "sha512-AJ9m9RiJssqvYg7MoJUc9J0D7b/liWrsfQ99ndKc5vJ4oVHHd4Fy87jBlKEQPibT40oYA3AQ/a9/oQY6/yaigw==",
+      "requires": {
+        "classnames": "^2.3.2",
+        "jsonp": "^0.2.1"
+      }
+    },
     "react-transition-group": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
diff --git a/package.json b/package.json
index 8a9772c..0971dae 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,10 @@
     "react-component-export-image": "^1.0.6",
     "react-dom": "^18.2.0",
     "react-draggable": "^4.4.5",
+    "react-icons": "^4.11.0",
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
+    "react-share": "^4.4.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
diff --git a/src/pages/Edit.jsx b/src/pages/Edit.jsx
index 4b36d0d..411e687 100644
--- a/src/pages/Edit.jsx
+++ b/src/pages/Edit.jsx
@@ -1,8 +1,27 @@
-import { Button } from "react-bootstrap";
+import { Button, DropdownButton } from "react-bootstrap";
 import { exportComponentAsJPEG } from "react-component-export-image";
 import React, { useState, createRef } from "react";
 import { useSearchParams } from "react-router-dom";
 import Text from "../components/Text";
+import './edit.css';
+import {
+  FacebookShareButton,
+  TwitterShareButton,
+  WhatsappShareButton,
+  LinkedinShareButton,
+  PinterestShareButton,
+  EmailShareButton,
+} from "react-share";
+import {
+  FaFacebook,
+  FaTwitter,
+  FaWhatsapp,
+  FaLinkedin,
+  FaPinterest,
+  FaEnvelope,
+  FaInstagram,
+} from "react-icons/fa"; 
+
 const EditPage = () => {
   const [params] = useSearchParams();
   const [count, setCount] = useState(0);
@@ -10,6 +29,10 @@ const EditPage = () => {
   const addText = () => {
     setCount(count + 1);
   };
+
+const shareUrl = params.get("url") || ""; 
+const title = "Check out this meme!"; 
+
   return (
     <div>
       <div
@@ -18,26 +41,63 @@ const EditPage = () => {
           border: "1px solid",
         }}
         ref={memeRef}
-        class="meme mt-5 mb-5"
+        className="meme mt-5 mb-5"
       >
-        <img src={params.get("url")} width="250px" alt="" />
+        <img src={shareUrl} width="250px" alt="" />
         {Array(count)
           .fill(0)
-          .map((e) => (
-            <Text />
+          .map((e, index) => (
+            <Text key={index} />
           ))}
       </div>
-      <Button onClick={addText} style={{marginRight:'20px'}}> Add Text</Button>
+      <Button className="button" onClick={addText}>Add Text</Button>
       <Button
         variant="success"
         onClick={(e) => {
           exportComponentAsJPEG(memeRef);
         }}
       >
-        {" "}
         Save Text
       </Button>
+      
+      <DropdownButton
+        id="share-dropdown"
+        title={<span>Share</span>}
+        variant="info"
+        className="mt-3"
+      >
+        <div className="horizontal-icons">
+          <FacebookShareButton url={shareUrl} quote={title}>
+            <FaFacebook />
+          </FacebookShareButton>
+          <TwitterShareButton url={shareUrl} title={title}>
+            <FaTwitter />
+          </TwitterShareButton>
+          <WhatsappShareButton url={shareUrl} title={title}>
+            <FaWhatsapp />
+          </WhatsappShareButton>
+          <LinkedinShareButton url={shareUrl} title={title}>
+            <FaLinkedin />
+          </LinkedinShareButton>
+          <PinterestShareButton url={shareUrl} title={title} media={shareUrl}>
+            <FaPinterest />
+          </PinterestShareButton>
+          <EmailShareButton url={shareUrl} subject={title} body="Check this out!">
+            <FaEnvelope />
+          </EmailShareButton>
+          {/* Instagram share link */}
+          <a
+          href={`https://www.instagram.com/share?url=${encodeURIComponent(shareUrl)}`}
+          target="_blank"
+          rel="noopener noreferrer"
+          >
+           <FaInstagram />
+         </a>
+
+        </div>
+      </DropdownButton>
     </div>
   );
 };
-export default EditPage;
+
+export default EditPage;
\ No newline at end of file
diff --git a/src/pages/edit.css b/src/pages/edit.css
new file mode 100644
index 0000000..9696c36
--- /dev/null
+++ b/src/pages/edit.css
@@ -0,0 +1,14 @@
+.horizontal-icons {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  
+  .horizontal-icons > * {
+    margin-right: 10px; 
+  }
+  .button{
+    margin-right:10px;
+  }
\ No newline at end of file