diff --git a/archivist/apps/templates/includes/scripts.html b/archivist/apps/templates/includes/scripts.html
index fbba381..690df1c 100644
--- a/archivist/apps/templates/includes/scripts.html
+++ b/archivist/apps/templates/includes/scripts.html
@@ -4,4 +4,11 @@
 <!--   Core JS Files   -->
 
 <script src="{% static 'libs/bootstrap/bootstrap.bundle.min.js' %}" type="text/javascript"></script>
+
+<!-- Htmx JS & Extentions -->
 <script src="{% static 'libs/htmx/htmx.min.js' %}" type="text/javascript"></script>
+
+{% if DEBUG %}
+<!-- Htmx Debug JS -->
+<script src="{% static 'libs/htmx/debug.js' %}" type="text/javascript"></script>
+{% endif %}
diff --git a/archivist/static/libs/htmx/debug.js b/archivist/static/libs/htmx/debug.js
new file mode 100644
index 0000000..861ee74
--- /dev/null
+++ b/archivist/static/libs/htmx/debug.js
@@ -0,0 +1,11 @@
+htmx.defineExtension('debug', {
+    onEvent: function (name, evt) {
+        if (console.debug) {
+            console.debug(name, evt);
+        } else if (console) {
+            console.log("DEBUG:", name, evt);
+        } else {
+            throw "NO CONSOLE SUPPORTED"
+        }
+    }
+});