diff --git a/package-lock.json b/package-lock.json
index 1aa813c..61ee8e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -88,14 +88,15 @@
       }
     },
     "@blinkk/degu": {
-      "version": "0.0.346",
-      "resolved": "https://registry.npmjs.org/@blinkk/degu/-/degu-0.0.346.tgz",
-      "integrity": "sha512-QgeD/TV6ezCGsg3JnARqskcURMHjTucwRo4sN12dws/tFGjKqEypX7SY+KqJbO6ZYfugvdgw2AKWMkN/+n7unA==",
+      "version": "0.0.347",
+      "resolved": "https://registry.npmjs.org/@blinkk/degu/-/degu-0.0.347.tgz",
+      "integrity": "sha512-CTGw8FsLugNADioZC+e+3ni57r/BmPI/JASuPZCMRFaMo/cb2NUbctpXNb3wQz275W4Lg90eK89vnbLdpcoVdg==",
       "requires": {
         "babel-preset-es2015": "^6.24.1",
         "babel-preset-stage-2": "^6.24.1",
         "gts": "^3.1.0",
         "jquery": "^3.4.1",
+        "lottie-web": "5.7.0",
         "save-dev": "0.0.1-security"
       }
     },
@@ -241,6 +242,16 @@
         "resolve": "^1.19.0"
       }
     },
+    "@rollup/plugin-typescript": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-8.2.1.tgz",
+      "integrity": "sha512-Qd2E1pleDR4bwyFxqbjt4eJf+wB0UKVMLc7/BAFDGVdAXQMCsD4DUv5/7/ww47BZCYxWtJqe1Lo0KVNswBJlRw==",
+      "dev": true,
+      "requires": {
+        "@rollup/pluginutils": "^3.1.0",
+        "resolve": "^1.17.0"
+      }
+    },
     "@rollup/pluginutils": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
@@ -4165,6 +4176,11 @@
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
     },
+    "lottie-web": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.7.0.tgz",
+      "integrity": "sha512-mCj9KaVR1FdcaRuKB0oqKqC2R+awlqGgx38Sy4q3H0+aNPJ9Ut5LIvBNGyMHiZRpJlPcRQ1Mk//fp2bY3QYq1A=="
+    },
     "loud-rejection": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
diff --git a/package.json b/package.json
index a74a0c7..503789b 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@amagaki/amagaki": "^0.4.0",
-    "@blinkk/degu": "0.0.346",
+    "@blinkk/degu": "0.0.347",
     "browser-sync": "^2.26.13",
     "concurrently": "^5.3.0",
     "glob": "^7.1.6",
@@ -38,6 +38,7 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
+    "@rollup/plugin-typescript": "^8.2.1",
     "npm-run-all": "^4.1.5",
     "rollup": "^2.48.0",
     "rollup-plugin-browsersync": "^1.3.1",
diff --git a/rollup.config.js b/rollup.config.js
index c9593af..6fa0a60 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -2,6 +2,8 @@ import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
 import notify from 'rollup-plugin-notify';
+import typescript from '@rollup/plugin-typescript';
+
 
 
 // Production state is based on whether we are watching for changes or not.
@@ -16,6 +18,7 @@ export default [
         plugins: [
             notify(),
             resolve(),
+            typescript(),
             commonjs(),
             production && terser()
         ]
diff --git a/src/ts/main.ts b/src/ts/main.ts
index 8a4899c..c255c7e 100644
--- a/src/ts/main.ts
+++ b/src/ts/main.ts
@@ -1 +1,15 @@
+import * as dom from '@blinkk/degu/lib/dom/dom';
+import * as is from '@blinkk/degu/lib/is/is';
+
 console.log('Add JS here');
+
+class App {
+  public test() {
+    if (is.mobile()) {
+      dom.event(document.documentElement, 'test', {});
+    }
+  }
+}
+
+const app = new App();
+app.test();