diff --git a/index.html b/index.html
index f86f662..e9c4bd7 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no, maximum-scale=1, minimum-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no, maximum-scale=1, minimum-scale=1, height=device-height">    
     <title>Oui</title>
     <link rel="icon" href="/favicon.ico" sizes="any">
     <link rel="icon" href="/logo.svg" type="image/svg+xml">
diff --git a/lib/index.styl b/lib/index.styl
index e91ffcd..198d48b 100644
--- a/lib/index.styl
+++ b/lib/index.styl
@@ -3,3 +3,4 @@
 @require "./modal/index.styl";
 @require "./notification/index.styl";
 @require "./object/index.styl";
+@require "./mobile/index.styl";
diff --git a/lib/lib.ts b/lib/lib.ts
index b909519..ac4bf12 100644
--- a/lib/lib.ts
+++ b/lib/lib.ts
@@ -3,3 +3,4 @@ export * from './float'
 export * from './modal'
 export * from './notification'
 export * from './object'
+export * from './mobile'
diff --git a/lib/mobile/index.styl b/lib/mobile/index.styl
new file mode 100644
index 0000000..4c26c3a
--- /dev/null
+++ b/lib/mobile/index.styl
@@ -0,0 +1 @@
+@require "./oui-mobile.styl";
diff --git a/lib/mobile/index.ts b/lib/mobile/index.ts
new file mode 100644
index 0000000..48290f0
--- /dev/null
+++ b/lib/mobile/index.ts
@@ -0,0 +1 @@
+export { default as OuiMobileActivator } from './oui-mobile.vue'
diff --git a/lib/mobile/oui-mobile.demo.vue b/lib/mobile/oui-mobile.demo.vue
new file mode 100644
index 0000000..4a38c93
--- /dev/null
+++ b/lib/mobile/oui-mobile.demo.vue
@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <div>
+    Enables fixes for use on mobiles, especially for virtual keyboards and scrolling issues on iOS.
+  </div>
+</template>
diff --git a/lib/mobile/oui-mobile.md b/lib/mobile/oui-mobile.md
new file mode 100644
index 0000000..f895433
--- /dev/null
+++ b/lib/mobile/oui-mobile.md
@@ -0,0 +1,7 @@
+# oui-mobile
+
+Place it somewhere to let the magic happen:
+
+```vue
+<OuiMobileActivator />
+```
diff --git a/src/oui-mobile.styl b/lib/mobile/oui-mobile.styl
similarity index 93%
rename from src/oui-mobile.styl
rename to lib/mobile/oui-mobile.styl
index 632ac18..3d5c763 100644
--- a/src/oui-mobile.styl
+++ b/lib/mobile/oui-mobile.styl
@@ -1,12 +1,11 @@
 @require "../stylus/index.styl";
 
 html.oui-mobile {
-  height: 100%;
-
   &, body {
     /* This seems to fix overscrolling */
     /* https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/ */
     overflow: hidden;
+    height: 100%;
   }
 
   & {
@@ -14,8 +13,8 @@ html.oui-mobile {
     transition: height 400ms cubic-bezier(0.38, 0.7, 0.125, 1);
   }
 
-  body {
-    /* Should avoids overflow */
+  & {
+    /* Avoids bouncy scrolling */
     -webkit-overflow-scrolling: none;
     overscroll-behavior: none;
   }
diff --git a/src/oui-mobile.vue b/lib/mobile/oui-mobile.vue
similarity index 100%
rename from src/oui-mobile.vue
rename to lib/mobile/oui-mobile.vue
diff --git a/package.json b/package.json
index 7151198..2187fb2 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "oui-kit",
   "type": "module",
-  "version": "0.19.0",
+  "version": "0.19.1",
   "author": {
     "email": "dirk.holtwick@gmail.com",
     "name": "Dirk Holtwick",
@@ -81,7 +81,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^2.18.1",
     "@antfu/ni": "^0.21.12",
-    "@shikijs/markdown-it": "^1.5.2",
+    "@shikijs/markdown-it": "^1.6.0",
     "@tsconfig/node18": "^18.2.4",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.12.12",
diff --git a/src/app-mobile-using-oui.vue b/src/app-mobile-using-oui.vue
index f8ae459..081ccc2 100644
--- a/src/app-mobile-using-oui.vue
+++ b/src/app-mobile-using-oui.vue
@@ -1,10 +1,11 @@
 <script lang="ts" setup>
-import OuiMobile from './oui-mobile.vue'
+import { OuiMobileActivator } from '@/lib'
+
 import './app-mobile-using-oui.styl'
 </script>
 
 <template>
-  <OuiMobile />
+  <OuiMobileActivator />
   <div class="app-mobile">
     <header>
       Header
diff --git a/src/app-mobile.styl b/src/app-mobile.styl
index b2fc10a..eab0cf6 100644
--- a/src/app-mobile.styl
+++ b/src/app-mobile.styl
@@ -72,7 +72,7 @@ footer {
   }
 }
 
-body {
+html {
   /* Avoids overflow */
   -webkit-overflow-scrolling: none;
   overscroll-behavior: none;
diff --git a/src/app.vue b/src/app.vue
index 7c478ae..0c5bb7a 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -3,8 +3,7 @@ import { useLocalStorage } from '@vueuse/core'
 import { computed, onMounted, ref } from 'vue'
 import { last, sortedOrderby } from 'zeed'
 import pkg from '../package.json'
-import OuiMobile from './oui-mobile.vue'
-import { OuiButton, OuiCheckbox, OuiNotice, OuiResizeable, OuiText, OuiTooltipActivator } from '@/lib'
+import { OuiButton, OuiCheckbox, OuiMobileActivator, OuiNotice, OuiResizeable, OuiText, OuiTooltipActivator } from '@/lib'
 
 import './app.styl'
 
@@ -141,5 +140,5 @@ function toggleDark() {
     </div>
   </div>
   <OuiTooltipActivator />
-  <OuiMobile />
+  <OuiMobileActivator />
 </template>
