diff --git a/src/demo/index.php b/src/demo/index.php
index 37640ded..d050fb21 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -106,6 +106,8 @@ function gtag() {
                     <label>✕</label>
                     <input class="param inline" type="number" id="height" name="height" alt="Height (px)" placeholder="50" value="50">
                 </span>
+
+                <input type="button" class="btn" value="Reset" onclick="preview.reset();">
             </form>
         </div>
 
diff --git a/src/demo/js/script.js b/src/demo/js/script.js
index 056d414b..e865e6a2 100644
--- a/src/demo/js/script.js
+++ b/src/demo/js/script.js
@@ -156,6 +156,25 @@ let preview = {
     this.update();
     return false;
   },
+  reset: function () {
+    const overrides = {
+      font: "Fira Code",
+      pause: "1000",
+      width: "435",
+    };
+    // reset all inputs
+    const inputs = document.querySelectorAll(".param");
+    inputs.forEach((input) => {
+      let value = overrides[input.name] || this.defaults[input.name];
+      if (value) {
+        if (["color", "background"].includes(input.name)) {
+          input.jscolor.fromString(value);
+        } else {
+          input.value = value;
+        }
+      }
+    });
+  },
 };
 
 let clipboard = {