diff --git a/package.json b/package.json
index 8bb629f..34aa3d4 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
+ "downloadjs": "^1.4.7",
"merge-images": "^2.0.0",
"react": "^17.0.1",
"react-dom": "^17.0.1",
diff --git a/src/App.js b/src/App.js
index 4982d88..028066f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,6 @@
import { useState, useEffect, useCallback } from 'react'
import './App.css'
+import download from 'downloadjs'
import frame_mixed from './frames/ProfileFrame Mixed Bars.png'
@@ -58,6 +59,7 @@ return (
+
)
diff --git a/yarn.lock b/yarn.lock
index 9302ff9..ea4d967 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4150,6 +4150,11 @@ dotenv@8.2.0:
resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
+downloadjs@^1.4.7:
+ version "1.4.7"
+ resolved "https://registry.yarnpkg.com/downloadjs/-/downloadjs-1.4.7.tgz#f69f96f940e0d0553dac291139865a3cd0101e3c"
+ integrity sha1-9p+W+UDg0FU9rCkROYZaPNAQHjw=
+
duplexer@^0.1.1:
version "0.1.2"
resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"