diff --git a/src/SideMenu.js b/src/SideMenu.js
index 441d0a4..a9848c4 100644
--- a/src/SideMenu.js
+++ b/src/SideMenu.js
@@ -41,7 +41,7 @@ const mountSideMenuComponent = () => {
 
         sideMenu.$mount('#side-menu')
 
-        $('body').trigger('side-menu.ready')
+        document.querySelector('body').dispatchEvent(new CustomEvent('side-menu.ready'))
     } else {
         window.setTimeout(mountSideMenuComponent, 50)
     }
diff --git a/templates/js/_alwaysDisplayed.js b/templates/js/_alwaysDisplayed.js
index 2b58bc7..f56b2a2 100644
--- a/templates/js/_alwaysDisplayed.js
+++ b/templates/js/_alwaysDisplayed.js
@@ -1,5 +1,5 @@
 var alwaysDisplayed = function() {
-    var elements = document.querySelectorAll('*');
+    var elements = querySelectorAll('*')
     var fixedElements = []
 
     for (var i in elements) {
@@ -25,7 +25,21 @@ var alwaysDisplayed = function() {
             continue
         }
 
-        if (jQuery(element).parents('#side-menu').length) {
+        let elementIsInSideMenu = false
+        let parent = element.parentNode
+
+        while (parent && !elementIsInSideMenu) {
+            try {
+                if  (parent.getAttribute('id') === 'side-menu') {
+                    elementIsInSideMenu = true
+                }
+            } catch (e) {
+            }
+
+            parent = parent.parentNode
+        }
+
+        if (elementIsInSideMenu) {
             continue
         }
 
@@ -56,7 +70,7 @@ if (content && content.classList.contains('app-settings')) {
     }
     const observer = new MutationObserver(() => {
         if (loaded) {
-            return;
+            return
         }
 
         const element = content.querySelector('#app-category-your-apps') || content.querySelector('#app-navigation ul')
diff --git a/templates/js/_loaderEnabled.js b/templates/js/_loaderEnabled.js
index b391e4b..1d5ff4e 100644
--- a/templates/js/_loaderEnabled.js
+++ b/templates/js/_loaderEnabled.js
@@ -1,15 +1,14 @@
-var pageLoader = jQuery('<div id="side-menu-loader">')
-var pageLoaderBar = jQuery('<div id="side-menu-loader-bar">')
+let pageLoader = createElement('div', {id: 'side-menu-loader'})
+let pageLoaderBar = createElement('div', {id: 'side-menu-loader-bar'})
 
-body.append(pageLoader)
-pageLoader.append(pageLoaderBar)
+pageLoader.appendChild(pageLoaderBar)
+querySelector('body').appendChild(pageLoader)
 
-var pageLoaderValue = 0
-
-$(window).on('beforeunload', function() {
-    setInterval(function() {
-        pageLoaderBar.width(pageLoaderValue.toString() + '%')
+let pageLoaderValue = 0
 
+window.addEventListener('beforeunload', () => {
+    setInterval(() => {
+        pageLoaderBar.style.width = pageLoaderValue.toString() + '%'
         pageLoaderValue = Math.min(pageLoaderValue + .2, 100)
     }, 25)
 })
diff --git a/templates/js/script.php b/templates/js/script.php
index 1bf944b..e32af22 100644
--- a/templates/js/script.php
+++ b/templates/js/script.php
@@ -13,65 +13,94 @@ if ($_['always-displayed']) {
 ?>
 
 (function() {
-    var sideMenuContainer = jQuery('<div id="side-menu-container">')
-    var sideMenuOpener = jQuery('<button class="side-menu-opener"></button>')
-    var sideMenu = jQuery('<div id="side-menu">')
-    var body = jQuery('body')
-    var html = jQuery('html')
-    var isTouchDevice = window.matchMedia("(pointer: coarse)").matches
+    const querySelector = function(selector, element) {
+        if (element) {
+            return element.querySelector(selector)
+        }
+
+        return document.querySelector(selector)
+    }
+
+    const querySelectorAll = function(selector, element) {
+        if (element) {
+            return element.querySelectorAll(selector)
+        }
+
+        return document.querySelectorAll(selector)
+    }
+
+    const createElement = function(tagName, attributes) {
+        const element = document.createElement(tagName)
+
+        if (typeof attributes === 'object') {
+            for (let i in attributes) {
+                element.setAttribute(i, attributes[i])
+            }
+        }
+
+        return element
+    }
+
+    const sideMenuContainer = createElement('div', {id: 'side-menu-container'})
+    const sideMenuOpener = createElement('button', {'class': 'side-menu-opener'})
+    const sideMenu = createElement('div', {id: 'side-menu'})
+
+    const body = querySelector('body')
+    const html = querySelector('html')
+    const nextcloud = querySelector('#nextcloud')
+
+    const isTouchDevice = window.matchMedia("(pointer: coarse)").matches
+    const targetBlankApps = <?php echo json_encode($_['target-blank-apps']) ?>
 
     <?php if ($display === 'big-menu'): ?>
-        sideMenu.attr('data-bigmenu', '1')
+        sideMenu.setAttribute('data-bigmenu', '1')
     <?php elseif ($display === 'side-with-categories'): ?>
-        sideMenu.attr('data-sidewithcategories', '1')
+        sideMenu.setAttribute('data-sidewithcategories', '1')
     <?php endif; ?>
 
-    var targetBlankApps = <?php echo json_encode($_['target-blank-apps']) ?>;
-
-    document.querySelector('body').addEventListener('side-menu.apps', function(e) {
+    querySelector('body').addEventListener('side-menu.apps', (e) => {
         const apps = e.detail.apps;
 
         <?php if ($_['hide-when-no-apps']): ?>
-            sideMenu = jQuery('#side-menu')
+            const sideMenu = querySelector('#side-menu')
 
             if (apps.length === 0) {
-                sideMenu.removeClass('open')
-                sideMenu.addClass('hide')
-                sideMenuOpener.addClass('hide')
+                sideMenu.classList.remove('open')
+                sideMenu.classList.add('hide')
+                sideMenuOpener.classList.add('hide')
             } else {
-                sideMenu.removeClass('hide')
-                sideMenuOpener.removeClass('hide')
+                sideMenu.classList.remove('hide')
+                sideMenuOpener.classList.remove('hide')
             }
 
             <?php if ($display === 'always-displayed'): ?>
                 if (apps.length === 0) {
-                    html.removeClass('side-menu-always-displayed');
+                    html.classList.remove('side-menu-always-displayed')
                 } else {
-                    html.addClass('side-menu-always-displayed');
+                    html.classList.add('side-menu-always-displayed')
                 }
             <?php endif; ?>
         <?php else: ?>
             <?php if ($display === 'always-displayed'): ?>
                 if (apps.length === 0) {
-                    html.removeClass('side-menu-always-displayed');
+                    html.classList.remove('side-menu-always-displayed')
                 } else {
-                    html.addClass('side-menu-always-displayed');
+                    html.classList.add('side-menu-always-displayed')
                 }
             <?php endif; ?>
         <?php endif; ?>
     })
 
-    body.on('side-menu.ready', function() {
-        sideMenu = jQuery('#side-menu')
+    body.addEventListener('side-menu.ready', () => {
+        const sideMenu = querySelector('#side-menu')
+        const headerMenuOpener = querySelector('#header .side-menu-opener')
+        const sideMenuOpener = querySelector('#side-menu .side-menu-opener')
 
-        var headerMenuOpener = jQuery('#header .side-menu-opener')
-        var sideMenuOpener = jQuery('#side-menu .side-menu-opener')
-
-        sideMenuFocus = function() {
-            var a = sideMenu.find('.side-menu-app.active a')
+        sideMenuFocus = () => {
+            let a = querySelector('.side-menu-app.active a', sideMenu)
 
             if (a.length === 0) {
-                a = sideMenu.find('.side-menu-app:first-child a')
+                a = querySelector('.side-menu-app:first-child a', sideMenu)
             }
 
             if (a.length > 0) {
@@ -80,78 +109,81 @@ if ($_['always-displayed']) {
         }
 
         <?php if ($_['opener-hover'] || $display === 'always-displayed'): ?>
-            var sideMenuMouseLeave = function() {
-                sideMenu
-                    .removeClass('open')
-                    .off('mouseleave', sideMenuMouseLeave)
+            const sideMenuMouseLeave = () => {
+                sideMenu.classList.remove('open')
+                sideMenu.removeEventListener('mouseleave', sideMenuMouseLeave)
             }
 
-            var sideMenuMouseEnter = function() {
-                sideMenu.on('mouseleave', sideMenuMouseLeave)
+            const sideMenuMouseEnter = () => {
+                sideMenu.addEventListener('mouseleave', sideMenuMouseLeave)
             }
 
-            var sideMenuOpenerMouseEnter = function() {
-                sideMenu
-                    .addClass('open')
-                    .on('mouseenter', sideMenuMouseEnter)
+            const sideMenuOpenerMouseEnter = () => {
+                sideMenu.classList.add('open')
+                sideMenu.addEventListener('mouseenter', sideMenuMouseEnter)
 
                 sideMenuFocus()
             }
 
             if (!isTouchDevice) {
                 <?php if ($_['opener-hover']): ?>
-                    headerMenuOpener.on('mouseenter', sideMenuOpenerMouseEnter)
+                    headerMenuOpener.addEventListener('mouseenter', sideMenuOpenerMouseEnter)
 
-                    sideMenu.addClass('hide-opener')
+                    sideMenu.classList.add('hide-opener')
                 <?php endif ?>
 
-                sideMenu.on('mouseleave', sideMenuMouseLeave)
-                sideMenu.on('mouseenter', sideMenuOpenerMouseEnter)
+                sideMenu.addEventListener('mouseleave', sideMenuMouseLeave)
+                sideMenu.addEventListener('mouseenter', sideMenuOpenerMouseEnter)
             }
         <?php endif; ?>
 
-        headerMenuOpener.on('click', function() {
-            sideMenu.addClass('open')
-            sideMenu.find('.side-menu-app.active a').focus()
+        headerMenuOpener.addEventListener('click', () => {
+            sideMenu.classList.add('open')
+
+            const a = querySelector('.side-menu-app.active a', sideMenu)
+
+            if (a.length) {
+                a.focus()
+            }
         })
 
         <?php if ($display === 'always-displayed'): ?>
-            sideMenuOpener.on('click', function() {
-                sideMenu.toggleClass('open')
+            sideMenuOpener.addEventListener('click', () => {
+                sideMenu.classList.toggle('open')
             })
         <?php else: ?>
-            sideMenuOpener.on('click', function() {
-                sideMenu.removeClass('open')
+            sideMenuOpener.addEventListener('click', () => {
+                sideMenu.classList.remove('open')
             })
         <?php endif; ?>
 
-        jQuery(document).keydown(function(e) {
+        document.addEventListener('keydown', (e) => {
             var key = e.key || e.keyCode
 
             if ((key === 'o' || key === 79) && e.ctrlKey === true) {
                 e.preventDefault()
 
-                sideMenu.toggleClass('open')
+                sideMenu.classList.toggle('open')
                 sideMenuFocus()
             }
         })
     })
 
-    body.append(sideMenuContainer)
-    sideMenuContainer.append(sideMenu)
+    body.appendChild(sideMenuContainer)
+    sideMenuContainer.appendChild(sideMenu)
 
     <?php if ($_['loader-enabled'] === true): ?>
         <?php require_once __DIR__.'/_loaderEnabled.js'; ?>
     <?php endif; ?>
 
     <?php if ($_['opener-position'] === 'before'): ?>
-        sideMenuOpener.insertBefore('#nextcloud')
+        nextcloud.parentNode.insertBefore(sideMenuOpener, nextcloud)
     <?php else: ?>
-        sideMenuOpener.insertAfter('#nextcloud')
+        nextcloud.parentNode.insertBefore(sideMenuOpener, nextcloud.nextSibling)
     <?php endif; ?>
 
     <?php if (!empty($_['top-menu-apps'])): ?>
-        var topMenuApps = <?php echo json_encode($_['top-menu-apps']); ?>;
+        const topMenuApps = <?php echo json_encode($_['top-menu-apps']); ?>
 
         <?php require_once __DIR__.'/_topMenuApps.js'; ?>
     <?php endif; ?>