diff --git a/README.md b/README.md
index 480bba3d..b1f639e7 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
   <img src="https://github.com/microlinkhq/cdn/raw/master/dist/banner/sdk-dark.png#gh-dark-mode-only" alt="microlink sdk">
 </div>
 
-###### [Documentation](https://microlink.io/sdk) | [Storybook](https://sdk-react.microlink.io) | [Chat](https://microlink.io/chat)
+###### [Documentation](https://microlink.io/sdk) | [Storybook](https://sdk-react.microlink.io) | [Vanilla](https://sdk-vanilla.microlink.io/)
 
 ## Installation
 
diff --git a/packages/hover-vanilla/preact.html b/packages/hover-vanilla/preact.html
index 6b813045..297f7eb2 100644
--- a/packages/hover-vanilla/preact.html
+++ b/packages/hover-vanilla/preact.html
@@ -122,7 +122,7 @@ <h1 class="f4 black tc">custom</h1>
 <script>window.React = window.ReactDOM = window.preactCompat</script>
 <script src="https://cdn.jsdelivr.net/npm/react-is@latest/umd/react-is.production.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/styled-components@latest/dist/styled-components.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/dist/mql.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/lightweight/index.umd.js"></script>
 <script src="./dist/microlink.min.js"></script>
 <script>
   document.addEventListener('DOMContentLoaded', function (event) {
diff --git a/packages/vanilla/index.html b/packages/vanilla/index.html
index 9a55e297..905a8d07 100644
--- a/packages/vanilla/index.html
+++ b/packages/vanilla/index.html
@@ -91,12 +91,13 @@ <h1 class="f4 black tc">custom</h1>
     </article>
   </body>
   <script src="https://cdn.jsdelivr.net/npm/react-is@latest/umd/react-is.production.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/react@latest/umd/react.production.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/react-dom@latest/umd/react-dom.production.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/styled-components@latest/dist/styled-components.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/dist/mql.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/lightweight/index.umd.js"></script>
   <!-- one line script! -->
-  <!-- <script src="https://cdn.jsdelivr.net/combine/npm/react@16/umd/react.production.min.js,npm/react-dom@16/umd/react-dom.production.min.js,npm/react-is@16/umd/react-is.production.min.js,npm/styled-components@5/dist/styled-components.min.js,npm/@microlink/mql@latest/dist/mql.min.js"></script> -->
+  <!-- <script src="https://cdn.jsdelivr.net/combine/npm/react-is@latest/umd/react-is.production.min.js,npm/react@latest/umd/react.production.min.js,npm/react-dom@latest/umd/react-dom.production.min.js,npm/styled-components@latest/dist/styled-components.min.js,npm/@microlink/mql@latest/lightweight/index.umd.js"></script> -->
+  <!-- <script src="https://cdn.jsdelivr.net/npm/@microlink/mql@latest/dist/mql.min.js"></script> -->
   <script src="./dist/microlink.min.js"></script>
   <script>
     document.addEventListener("DOMContentLoaded", function (event) {