diff --git a/src/api/get-shape.js b/src/api/get-shape.js
index ae41245..8ce8caa 100644
--- a/src/api/get-shape.js
+++ b/src/api/get-shape.js
@@ -1,6 +1,7 @@
 import { get } from 'axios';
 
-export default getShape = async url => {
+const getShape = async url => {
   const res = await get(url);
   return res;
 };
+export default getShape;
diff --git a/src/components/main-app/sidebar.js b/src/components/main-app/sidebar.js
index f7821c7..9aa5a89 100644
--- a/src/components/main-app/sidebar.js
+++ b/src/components/main-app/sidebar.js
@@ -80,6 +80,19 @@ export default function Sidebar({ setTheme, theme }) {
           <CopyToClipboard text={text}>
             <button className="copy-btn">Copy</button>
           </CopyToClipboard>
+          <a
+            href={`data:text/json;charset=utf-8,${encodeURIComponent(text)}`}
+            download={`${colorFormat}.json`}
+            className="copy-btn"
+            style={{
+              textAlign: 'center',
+              height: '1.15rem',
+              fontSize: '0.85rem',
+              marginRight: '0.5rem',
+            }}
+          >
+            Export
+          </a>
           <br />
           <JSONPretty
             id="json-pretty"