working

44 files changed, 2723 insertions, 436 deletions

diff --git a/.gitignore b/.gitignore
index fd3dbb5..9bd2e9b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+.idea/
diff --git a/package.json b/package.json
index 27a1f5e..dd4df12 100644
--- a/package.json
+++ b/package.json
@@ -9,16 +9,18 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@types/three": "^0.163.0",
+    "next": "14.2.2",
     "react": "^18",
     "react-dom": "^18",
-    "next": "14.2.2"
+    "three": "^0.163.0"
   },
   "devDependencies": {
-    "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "14.2.2"
+    "eslint-config-next": "14.2.2",
+    "typescript": "^5"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b9eb1f6..2ae464f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,6 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
+  '@types/three':
+    specifier: ^0.163.0
+    version: 0.163.0
   next:
     specifier: 14.2.2
     version: 14.2.2(react-dom@18.0.0)(react@18.0.0)
@@ -14,6 +17,9 @@ dependencies:
   react-dom:
     specifier: ^18
     version: 18.0.0(react@18.0.0)
+  three:
+    specifier: ^0.163.0
+    version: 0.163.0
 
 devDependencies:
   '@types/node':
@@ -227,6 +233,10 @@ packages:
       tslib: 2.6.2
     dev: false
 
+  /@tweenjs/tween.js@23.1.1:
+    resolution: {integrity: sha512-ZpboH7pCPPeyBWKf8c7TJswtCEQObFo3bOBYalm99NzZarATALYCo5OhbCa/n4RQyJyHfhkdx+hNrdL5ByFYDw==}
+    dev: false
+
   /@types/json5@0.0.29:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
     dev: true
@@ -257,6 +267,24 @@ packages:
     resolution: {integrity: sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw==}
     dev: true
 
+  /@types/stats.js@0.17.3:
+    resolution: {integrity: sha512-pXNfAD3KHOdif9EQXZ9deK82HVNaXP5ZIF5RP2QG6OQFNTaY2YIetfrE9t528vEreGQvEPRDDc8muaoYeK0SxQ==}
+    dev: false
+
+  /@types/three@0.163.0:
+    resolution: {integrity: sha512-uIdDhsXRpQiBUkflBS/i1l3JX14fW6Ot9csed60nfbZNXHDTRsnV2xnTVwXcgbvTiboAR4IW+t+lTL5f1rqIqA==}
+    dependencies:
+      '@tweenjs/tween.js': 23.1.1
+      '@types/stats.js': 0.17.3
+      '@types/webxr': 0.5.15
+      fflate: 0.8.2
+      meshoptimizer: 0.18.1
+    dev: false
+
+  /@types/webxr@0.5.15:
+    resolution: {integrity: sha512-nC9116Gd4N+CqTxqo6gvCfhAMAzgRcfS8ZsciNodHq8uwW4JCVKwhagw8yN0XmC7mHrLnWqniJpoVEiR+72Drw==}
+    dev: false
+
   /@typescript-eslint/parser@7.2.0(eslint@8.0.0)(typescript@5.0.2):
     resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -1167,6 +1195,10 @@ packages:
       reusify: 1.0.4
     dev: true
 
+  /fflate@0.8.2:
+    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
+    dev: false
+
   /file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -1698,6 +1730,10 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
+  /meshoptimizer@0.18.1:
+    resolution: {integrity: sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw==}
+    dev: false
+
   /micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
     engines: {node: '>=8.6'}
@@ -2292,6 +2328,10 @@ packages:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /three@0.163.0:
+    resolution: {integrity: sha512-HlMgCb2TF/dTLRtknBnjUTsR8FsDqBY43itYop2+Zg822I+Kd0Ua2vs8CvfBVefXkBdNDrLMoRTGCIIpfCuDew==}
+    dev: false
+
   /to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
diff --git a/public/next.svg b/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index d2f8422..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
\ No newline at end of file
diff --git a/public/xbot.glb b/public/xbot.glb
new file mode 100644
index 0000000..a21d9b6
--- /dev/null
+++ b/public/xbot.glb
diff --git a/src/Animations/Alphabets/A.js b/src/Animations/Alphabets/A.js
new file mode 100644
index 0000000..d6ecca2
--- /dev/null
+++ b/src/Animations/Alphabets/A.js
@@ -0,0 +1,92 @@
+export const A = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", -Math.PI/9, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", -Math.PI/18, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", Math.PI/18, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/2, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/10, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/18, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/11, "-"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/2, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/12, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/4, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", -Math.PI/36, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/9, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", -Math.PI/72, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+        ref.pending = true;
+        ref.animate();
+    }
+
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/B.js b/src/Animations/Alphabets/B.js
new file mode 100644
index 0000000..31a9122
--- /dev/null
+++ b/src/Animations/Alphabets/B.js
@@ -0,0 +1,108 @@
+export const B = (ref) => {
+
+    let animations = []
+    
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/4.5, "+"]);
+    
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/10, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/4, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/9, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6.5, "-"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/4.5, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/4.5, "-"]);
+    
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/10, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/9, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/18, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/6.5, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/C.js b/src/Animations/Alphabets/C.js
new file mode 100644
index 0000000..6032ebd
--- /dev/null
+++ b/src/Animations/Alphabets/C.js
@@ -0,0 +1,63 @@
+export const C = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/6, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/7, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/10, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/4, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/9, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6.5, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+    
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/D.js b/src/Animations/Alphabets/D.js
new file mode 100644
index 0000000..260e141
--- /dev/null
+++ b/src/Animations/Alphabets/D.js
@@ -0,0 +1,108 @@
+export const D = (ref) => {
+
+    let animations = []
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/6, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/7, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/7.5, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6.5, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.7, "+"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/2.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/33, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.7, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+    
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/E.js b/src/Animations/Alphabets/E.js
new file mode 100644
index 0000000..756bb38
--- /dev/null
+++ b/src/Animations/Alphabets/E.js
@@ -0,0 +1,84 @@
+export const E = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", -Math.PI/9, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", -Math.PI/18, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", Math.PI/18, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/2, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/9, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/12, "-"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/2, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/12, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", -Math.PI/36, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/15, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/F.js b/src/Animations/Alphabets/F.js
new file mode 100644
index 0000000..501d7a3
--- /dev/null
+++ b/src/Animations/Alphabets/F.js
@@ -0,0 +1,70 @@
+export const F = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/4, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/2.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", -Math.PI/3, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/9, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+        ref.pending = true;
+        ref.animate();
+    }
+
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/G.js b/src/Animations/Alphabets/G.js
new file mode 100644
index 0000000..2b1b2c7
--- /dev/null
+++ b/src/Animations/Alphabets/G.js
@@ -0,0 +1,112 @@
+export const G = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/3, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/2, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/9, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", -Math.PI/18, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/12, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/3.5, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/12, "+"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", Math.PI/3, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", -Math.PI/9, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/12, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/12, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+        ref.pending = true;
+        ref.animate();
+    }
+
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/H.js b/src/Animations/Alphabets/H.js
new file mode 100644
index 0000000..8e56f47
--- /dev/null
+++ b/src/Animations/Alphabets/H.js
@@ -0,0 +1,51 @@
+export const H = (ref) => {
+
+    let animations = []
+  
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", -Math.PI/6, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "z", -Math.PI/15, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/60, "-"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", Math.PI/12, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4, "+"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI/1.5, "-"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/30, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.6, "-"]);
+  
+    ref.animations.push(animations);
+
+    animations = []
+  
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -2.0943951023931953, "+"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+  
+    ref.animations.push(animations);
+  
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/I.js b/src/Animations/Alphabets/I.js
new file mode 100644
index 0000000..40b7930
--- /dev/null
+++ b/src/Animations/Alphabets/I.js
@@ -0,0 +1,84 @@
+export const I = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", -Math.PI/9, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", -Math.PI/18, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", Math.PI/18, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/1.55, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/9, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/12, "-"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/2, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/12, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", -Math.PI/36, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/13, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/J.js b/src/Animations/Alphabets/J.js
new file mode 100644
index 0000000..b348134
--- /dev/null
+++ b/src/Animations/Alphabets/J.js
@@ -0,0 +1,91 @@
+export const J = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "z", Math.PI/2, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "y", -Math.PI/5, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/36, "-"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", -Math.PI/2, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/3.7, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.4, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", -Math.PI/7, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/12, "+"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/K.js b/src/Animations/Alphabets/K.js
new file mode 100644
index 0000000..2cb045b
--- /dev/null
+++ b/src/Animations/Alphabets/K.js
@@ -0,0 +1,103 @@
+export const K = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/12, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/1.7, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", -Math.PI/6, "-"]);
+    
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/5, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", Math.PI/8, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/9, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/2.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4.1, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/33, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.7, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "+"]);
+    
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/L.js b/src/Animations/Alphabets/L.js
new file mode 100644
index 0000000..9baf2b8
--- /dev/null
+++ b/src/Animations/Alphabets/L.js
@@ -0,0 +1,54 @@
+export const L = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "z", Math.PI/4, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/2.3, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", -Math.PI/5, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/2.65, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/30, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/4, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/M.js b/src/Animations/Alphabets/M.js
new file mode 100644
index 0000000..7927d3c
--- /dev/null
+++ b/src/Animations/Alphabets/M.js
@@ -0,0 +1,61 @@
+export const M = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/2.3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", -Math.PI/25, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/10, "-"]);
+  
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/60, "-"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", Math.PI/12, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4, "+"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI/1.5, "-"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/30, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.6, "-"]);
+  
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+  
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -2.0943951023931953, "+"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+  
+    ref.animations.push(animations);
+  
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/N.js b/src/Animations/Alphabets/N.js
new file mode 100644
index 0000000..521c58d
--- /dev/null
+++ b/src/Animations/Alphabets/N.js
@@ -0,0 +1,67 @@
+export const N = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/2.3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", -Math.PI/25, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/10, "-"]);
+  
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/60, "-"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", Math.PI/12, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4, "+"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI/1.5, "-"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/30, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.6, "-"]);
+  
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+  
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -2.0943951023931953, "+"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+  
+    ref.animations.push(animations);
+  
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/O.js b/src/Animations/Alphabets/O.js
new file mode 100644
index 0000000..db88fbc
--- /dev/null
+++ b/src/Animations/Alphabets/O.js
@@ -0,0 +1,88 @@
+export const O = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", -Math.PI/9, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", -Math.PI/18, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", Math.PI/18, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/1.45, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/9, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/12, "-"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/2, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/12, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/15, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", -Math.PI/36, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/13, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/18, "+"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/P.js b/src/Animations/Alphabets/P.js
new file mode 100644
index 0000000..34d17b6
--- /dev/null
+++ b/src/Animations/Alphabets/P.js
@@ -0,0 +1,108 @@
+export const P = (ref) => {
+
+    let animations = []
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/4.2, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/4.2, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/4.2, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/2.3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", Math.PI/15, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/10, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/10, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/5, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/5.3, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6.5, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.7, "+"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/2.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/5.85, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/33, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.7, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+    
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/Q.js b/src/Animations/Alphabets/Q.js
new file mode 100644
index 0000000..16be846
--- /dev/null
+++ b/src/Animations/Alphabets/Q.js
@@ -0,0 +1,93 @@
+export const Q = (ref) => {
+
+  let animations = []
+  animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/4.2, "+"]);
+  animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/4.2, "+"]);
+  animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+  animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+  animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+  animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+  animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+  animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+  animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+  animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+  animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+  animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/2.3, "+"]);
+  animations.push(["mixamorigRightHandThumb1", "rotation", "y", -Math.PI/25, "-"]);
+  animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/10, "-"]);
+  animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/10, "-"]);
+
+  animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/4, "-"]);
+
+  animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/5.3, "+"]);
+  animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+  animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.4, "+"]);
+  
+  animations.push(["mixamorigLeftHandIndex1", "rotation", "z", -Math.PI/3, "-"]);
+  animations.push(["mixamorigLeftHandIndex2", "rotation", "z", -Math.PI/3, "-"]);
+  animations.push(["mixamorigLeftHandIndex3", "rotation", "z", -Math.PI/3, "-"]);
+  animations.push(["mixamorigLeftHandThumb1", "rotation", "x", Math.PI/10, "+"]);
+  animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/10, "+"]);
+
+  animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/2.8, "+"]);
+  animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/3, "+"]);
+
+  animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+  animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+  animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/33, "-"]);
+  animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.4, "-"]);
+  animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/8.3, "-"]);
+
+  ref.animations.push(animations);
+
+  animations = []
+
+  animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+  animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "+"]);
+  animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+  animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+  animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+
+  animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+  animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+
+  animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+
+  animations.push(["mixamorigLeftHandIndex1", "rotation", "z", 0, "+"]);
+  animations.push(["mixamorigLeftHandIndex2", "rotation", "z", 0, "+"]);
+  animations.push(["mixamorigLeftHandIndex3", "rotation", "z", 0, "+"]);
+  animations.push(["mixamorigLeftHandThumb1", "rotation", "x", 0, "-"]);
+  animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+
+  animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+  animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+
+  animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+  animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+
+  animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+  animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+  animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+
+  ref.animations.push(animations);
+
+  if(ref.pending === false){
+    ref.pending = true;
+    ref.animate();
+  }
+}
+
diff --git a/src/Animations/Alphabets/R.js b/src/Animations/Alphabets/R.js
new file mode 100644
index 0000000..b1195af
--- /dev/null
+++ b/src/Animations/Alphabets/R.js
@@ -0,0 +1,79 @@
+export const R = (ref) => {
+
+    let animations = []
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/8, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/4.2, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/2.3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", -Math.PI/25, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/10, "-"]);
+  
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/2.3, "-"]);
+  
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/5.3, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/60, "-"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", Math.PI/12, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/1.3, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4, "+"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI/1.5, "-"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/30, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.6, "-"]);
+  
+    ref.animations.push(animations);
+
+    animations = []
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+  
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+  
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+  
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+  
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -2.0943951023931953, "+"]);
+  
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+  
+    ref.animations.push(animations);
+  
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/S.js b/src/Animations/Alphabets/S.js
new file mode 100644
index 0000000..5278dcb
--- /dev/null
+++ b/src/Animations/Alphabets/S.js
@@ -0,0 +1,110 @@
+export const S = (ref) => {
+
+    let animations = []
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", -Math.PI/4, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/33, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.6, "+"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", Math.PI/4, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/2.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", -Math.PI/10, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/2.7, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI*0.75, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.6, "-"]);
+
+    ref.animations.push(animations);
+
+
+    animations = []
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -2.0943951023931953, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+    ref.animations.push(animations);
+
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/T.js b/src/Animations/Alphabets/T.js
new file mode 100644
index 0000000..d5a2384
--- /dev/null
+++ b/src/Animations/Alphabets/T.js
@@ -0,0 +1,102 @@
+export const T = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/2.3, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/2.65, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/30, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6.5, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", Math.PI/5.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/2.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", -Math.PI/2.7, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", Math.PI/30, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/8.5, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.4, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/U.js b/src/Animations/Alphabets/U.js
new file mode 100644
index 0000000..96fe174
--- /dev/null
+++ b/src/Animations/Alphabets/U.js
@@ -0,0 +1,88 @@
+export const U = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", -Math.PI/9, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", -Math.PI/18, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", Math.PI/18, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/1.45, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/36, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/9, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/12, "-"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/2, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/12, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/15, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", -Math.PI/36, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/13, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/18, "+"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/V.js b/src/Animations/Alphabets/V.js
new file mode 100644
index 0000000..10b02a7
--- /dev/null
+++ b/src/Animations/Alphabets/V.js
@@ -0,0 +1,54 @@
+export const V = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "y", Math.PI/16, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "y", -Math.PI/16, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/3, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/3, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/2.3, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", -Math.PI/5, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/2.65, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/30, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/4, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/Alphabets/W.js b/src/Animations/Alphabets/W.js
new file mode 100644
index 0000000..04dc88c
--- /dev/null
+++ b/src/Animations/Alphabets/W.js
@@ -0,0 +1,68 @@
+export const W = (ref) => {
+
+    let animations = []
+    animations.push(["mixamorigRightHandIndex1", "rotation", "y", Math.PI/16, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "y", -Math.PI/12, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "y", -Math.PI/8, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", Math.PI/5, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.4, "+"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", -Math.PI/16, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", Math.PI/8, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", Math.PI/8, "+"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", -Math.PI/5, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "z", Math.PI/6, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/24, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.4, "-"]);
+
+    ref.animations.push(animations);
+
+
+    animations = []
+    animations.push(["mixamorigRightHandIndex1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/X.js b/src/Animations/Alphabets/X.js
new file mode 100644
index 0000000..b1e8c9e
--- /dev/null
+++ b/src/Animations/Alphabets/X.js
@@ -0,0 +1,94 @@
+export const X = (ref) => {
+
+    let animations = []
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/32, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/4.5, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/33, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/3, "-"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", Math.PI/2.5, "+"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", Math.PI/2.5, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/14, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", -Math.PI/33, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/3, "+"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+    
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "+"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb2", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHandThumb3", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "-"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/Y.js b/src/Animations/Alphabets/Y.js
new file mode 100644
index 0000000..cdc5428
--- /dev/null
+++ b/src/Animations/Alphabets/Y.js
@@ -0,0 +1,94 @@
+export const Y = (ref) => {
+
+    let animations = []
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/1.5, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/1.6, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/1.8, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2.5, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", +Math.PI/2.5, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", -Math.PI/8, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/15, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", -Math.PI/10, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/33, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.2, "+"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/1.6, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/1.8, "-"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "y", Math.PI/2, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/2, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/3.5, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/5, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.2, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+    
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
diff --git a/src/Animations/Alphabets/Z.js b/src/Animations/Alphabets/Z.js
new file mode 100644
index 0000000..176e93f
--- /dev/null
+++ b/src/Animations/Alphabets/Z.js
@@ -0,0 +1,66 @@
+export const Z = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/3, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/10, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/4, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/7, "+"]); //7
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/18, "+"]);
+    
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6.5, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.7, "+"]);
+    
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", -Math.PI/3, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", Math.PI/4, "+"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", -Math.PI/9, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/6, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/18, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/5, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.7, "-"]);
+
+    ref.animations.push(animations);
+
+
+    animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]); //7
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+    
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", 1.0471975511965976, "-"]);
+    
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigLeftHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -1.0471975511965976, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
\ No newline at end of file
diff --git a/src/Animations/Words/HOME.js b/src/Animations/Words/HOME.js
new file mode 100644
index 0000000..68af4c6
--- /dev/null
+++ b/src/Animations/Words/HOME.js
@@ -0,0 +1,44 @@
+export const HOME = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", Math.PI/70, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/7, "-"]);
+    animations.push(["mixamorigLeftArm", "rotation", "x", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", -Math.PI/3, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", Math.PI/70, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/7, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI/2.5, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "y", Math.PI/2.5, "-"]);
+
+    ref.animations.push(animations);
+    
+    animations = []
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "y", Math.PI/1.5, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+        ref.pending = true;
+        ref.animate();
+    }
+
+}
\ No newline at end of file
diff --git a/src/Animations/Words/PERSON.js b/src/Animations/Words/PERSON.js
new file mode 100644
index 0000000..266cb66
--- /dev/null
+++ b/src/Animations/Words/PERSON.js
@@ -0,0 +1,65 @@
+export const PERSON = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/9, "+"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", Math.PI/4.5, "+"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", Math.PI/8, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/6, "-"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", -Math.PI/10, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", -Math.PI/4, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", -Math.PI/3, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/2.2, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/5, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+    animations.push(["mixamorigRightArm", "rotation", "x", Math.PI/90, "+"]);
+    ref.animations.push(animations);
+
+    animations = []
+    
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandIndex3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb1", "rotation", "y", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+    animations.push(["mixamorigRightHandThumb3", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/3, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "-"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+}
\ No newline at end of file
diff --git a/src/Animations/Words/TIME.js b/src/Animations/Words/TIME.js
new file mode 100644
index 0000000..8afd69f
--- /dev/null
+++ b/src/Animations/Words/TIME.js
@@ -0,0 +1,106 @@
+export const TIME = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", -Math.PI/2, "-"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", -Math.PI/4, "-"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/2.5, "-"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", Math.PI/6, "+"]);
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/3.5, "+"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", Math.PI/9, "+"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/12, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", Math.PI/6, "+"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", Math.PI/12, "+"]);
+
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigLeftHandIndex1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandIndex3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandMiddle3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandRing3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky1", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky2", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandPinky3", "rotation", "z", 0, "+"]);
+    animations.push(["mixamorigLeftHandThumb1", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigLeftForeArm", "rotation", "z", 0, "+"]);
+
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/3, "+"]);
+
+    animations.push(["mixamorigLeftHand", "rotation", "x", 0, "-"]);
+
+    animations.push(["mixamorigRightHandIndex1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/3, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "y", 0, "-"]);
+
+    animations.push(["mixamorigRightForeArm", "rotation", "z", 0, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "-"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+        ref.pending = true;
+        ref.animate();
+    }
+
+}
\ No newline at end of file
diff --git a/src/Animations/Words/YOU.js b/src/Animations/Words/YOU.js
new file mode 100644
index 0000000..2efed6e
--- /dev/null
+++ b/src/Animations/Words/YOU.js
@@ -0,0 +1,50 @@
+export const YOU = (ref) => {
+
+    let animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", Math.PI/2, "+"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", -Math.PI/2, "-"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", -Math.PI/6, "-"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", Math.PI/6, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", -Math.PI/6, "-"]);
+    
+    ref.animations.push(animations);
+
+    animations = []
+
+    animations.push(["mixamorigRightHandMiddle1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandMiddle3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandRing3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky1", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky2", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandPinky3", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHandThumb2", "rotation", "y", 0, "+"]);
+
+    animations.push(["mixamorigRightArm", "rotation", "x", 0, "+"]);
+
+    animations.push(["mixamorigRightHand", "rotation", "x", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "z", 0, "-"]);
+    animations.push(["mixamorigRightHand", "rotation", "y", 0, "+"]);
+
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+        ref.pending = true;
+        ref.animate();
+    }
+
+}
\ No newline at end of file
diff --git a/src/Animations/alphabets.ts b/src/Animations/alphabets.ts
new file mode 100644
index 0000000..8fa123c
--- /dev/null
+++ b/src/Animations/alphabets.ts
@@ -0,0 +1,32 @@
+import { A } from './Alphabets/A';
+import { B } from './Alphabets/B';
+import { C } from './Alphabets/C';
+import { D } from './Alphabets/D';
+import { E } from './Alphabets/E';
+import { F } from './Alphabets/F';
+import { G } from './Alphabets/G';
+import { H } from './Alphabets/H';
+import { I } from './Alphabets/I';
+import { J } from './Alphabets/J';
+import { K } from './Alphabets/K';
+import { L } from './Alphabets/L';
+import { M } from './Alphabets/M';
+import { N } from './Alphabets/N';
+import { O } from './Alphabets/O';
+import { P } from './Alphabets/P';
+import { Q } from './Alphabets/Q';
+import { R } from './Alphabets/R';
+import { S } from './Alphabets/S';
+import { T } from './Alphabets/T';
+import { U } from './Alphabets/U';
+import { V } from './Alphabets/V';
+import { W } from './Alphabets/W';
+import { X } from './Alphabets/X';
+import { Y } from './Alphabets/Y';
+import { Z } from './Alphabets/Z';
+
+const alphabets: Record<string, (ref: any) => void> = {
+    A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z
+}
+
+export default alphabets;
diff --git a/src/Animations/defaultPose.js b/src/Animations/defaultPose.js
new file mode 100644
index 0000000..edad2fa
--- /dev/null
+++ b/src/Animations/defaultPose.js
@@ -0,0 +1,18 @@
+export const defaultPose = (ref) => {
+    
+    ref.characters.push(' ')
+    let animations = []
+    
+    animations.push(["mixamorigNeck", "rotation", "x", Math.PI/12, "+"]);
+    animations.push(["mixamorigLeftArm", "rotation", "z", -Math.PI/3, "-"]);
+    animations.push(["mixamorigLeftForeArm", "rotation", "y", -Math.PI/1.5, "-"]);
+    animations.push(["mixamorigRightArm", "rotation", "z", Math.PI/3, "+"]);
+    animations.push(["mixamorigRightForeArm", "rotation", "y", Math.PI/1.5, "+"]);
+    ref.animations.push(animations);
+
+    if(ref.pending === false){
+      ref.pending = true;
+      ref.animate();
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Animations/words.ts b/src/Animations/words.ts
new file mode 100644
index 0000000..c26d087
--- /dev/null
+++ b/src/Animations/words.ts
@@ -0,0 +1,10 @@
+import { TIME } from './Words/TIME';
+import { HOME } from './Words/HOME';
+import { PERSON } from './Words/PERSON';
+import { YOU } from './Words/YOU';
+
+const words: Record<string, (ref: any) => void > = {
+    TIME, HOME, PERSON, YOU
+};
+
+export default words;
diff --git a/src/Models/xbot/xbot.png b/src/Models/xbot/xbot.png
new file mode 100644
index 0000000..eaf7a11
--- /dev/null
+++ b/src/Models/xbot/xbot.png
diff --git a/src/app/globals.css b/src/app/globals.css
index f4bd77c..e69de29 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,107 +0,0 @@
-:root {
-  --max-width: 1100px;
-  --border-radius: 12px;
-  --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono",
-    "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
-    "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
-
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-
-  --primary-glow: conic-gradient(
-    from 180deg at 50% 50%,
-    #16abff33 0deg,
-    #0885ff33 55deg,
-    #54d6ff33 120deg,
-    #0071ff33 160deg,
-    transparent 360deg
-  );
-  --secondary-glow: radial-gradient(
-    rgba(255, 255, 255, 1),
-    rgba(255, 255, 255, 0)
-  );
-
-  --tile-start-rgb: 239, 245, 249;
-  --tile-end-rgb: 228, 232, 233;
-  --tile-border: conic-gradient(
-    #00000080,
-    #00000040,
-    #00000030,
-    #00000020,
-    #00000010,
-    #00000010,
-    #00000080
-  );
-
-  --callout-rgb: 238, 240, 241;
-  --callout-border-rgb: 172, 175, 176;
-  --card-rgb: 180, 185, 188;
-  --card-border-rgb: 131, 134, 135;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-
-    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
-    --secondary-glow: linear-gradient(
-      to bottom right,
-      rgba(1, 65, 255, 0),
-      rgba(1, 65, 255, 0),
-      rgba(1, 65, 255, 0.3)
-    );
-
-    --tile-start-rgb: 2, 13, 46;
-    --tile-end-rgb: 2, 5, 19;
-    --tile-border: conic-gradient(
-      #ffffff80,
-      #ffffff40,
-      #ffffff30,
-      #ffffff20,
-      #ffffff10,
-      #ffffff10,
-      #ffffff80
-    );
-
-    --callout-rgb: 20, 20, 20;
-    --callout-border-rgb: 108, 108, 108;
-    --card-rgb: 100, 100, 100;
-    --card-border-rgb: 200, 200, 200;
-  }
-}
-
-* {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-}
-
-html,
-body {
-  max-width: 100vw;
-  overflow-x: hidden;
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3314e47..e8258d5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import {ReactNode} from "react";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -12,7 +13,7 @@ export const metadata: Metadata = {
 export default function RootLayout({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: ReactNode;
 }>) {
   return (
     <html lang="en">
diff --git a/src/app/page.module.css b/src/app/page.module.css
deleted file mode 100644
index 5c4b1e6..0000000
--- a/src/app/page.module.css
+++ /dev/null
@@ -1,230 +0,0 @@
-.main {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  padding: 6rem;
-  min-height: 100vh;
-}
-
-.description {
-  display: inherit;
-  justify-content: inherit;
-  align-items: inherit;
-  font-size: 0.85rem;
-  max-width: var(--max-width);
-  width: 100%;
-  z-index: 2;
-  font-family: var(--font-mono);
-}
-
-.description a {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.description p {
-  position: relative;
-  margin: 0;
-  padding: 1rem;
-  background-color: rgba(var(--callout-rgb), 0.5);
-  border: 1px solid rgba(var(--callout-border-rgb), 0.3);
-  border-radius: var(--border-radius);
-}
-
-.code {
-  font-weight: 700;
-  font-family: var(--font-mono);
-}
-
-.grid {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(25%, auto));
-  max-width: 100%;
-  width: var(--max-width);
-}
-
-.card {
-  padding: 1rem 1.2rem;
-  border-radius: var(--border-radius);
-  background: rgba(var(--card-rgb), 0);
-  border: 1px solid rgba(var(--card-border-rgb), 0);
-  transition: background 200ms, border 200ms;
-}
-
-.card span {
-  display: inline-block;
-  transition: transform 200ms;
-}
-
-.card h2 {
-  font-weight: 600;
-  margin-bottom: 0.7rem;
-}
-
-.card p {
-  margin: 0;
-  opacity: 0.6;
-  font-size: 0.9rem;
-  line-height: 1.5;
-  max-width: 30ch;
-  text-wrap: balance;
-}
-
-.center {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  padding: 4rem 0;
-}
-
-.center::before {
-  background: var(--secondary-glow);
-  border-radius: 50%;
-  width: 480px;
-  height: 360px;
-  margin-left: -400px;
-}
-
-.center::after {
-  background: var(--primary-glow);
-  width: 240px;
-  height: 180px;
-  z-index: -1;
-}
-
-.center::before,
-.center::after {
-  content: "";
-  left: 50%;
-  position: absolute;
-  filter: blur(45px);
-  transform: translateZ(0);
-}
-
-.logo {
-  position: relative;
-}
-/* Enable hover only on non-touch devices */
-@media (hover: hover) and (pointer: fine) {
-  .card:hover {
-    background: rgba(var(--card-rgb), 0.1);
-    border: 1px solid rgba(var(--card-border-rgb), 0.15);
-  }
-
-  .card:hover span {
-    transform: translateX(4px);
-  }
-}
-
-@media (prefers-reduced-motion) {
-  .card:hover span {
-    transform: none;
-  }
-}
-
-/* Mobile */
-@media (max-width: 700px) {
-  .content {
-    padding: 4rem;
-  }
-
-  .grid {
-    grid-template-columns: 1fr;
-    margin-bottom: 120px;
-    max-width: 320px;
-    text-align: center;
-  }
-
-  .card {
-    padding: 1rem 2.5rem;
-  }
-
-  .card h2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .center {
-    padding: 8rem 0 6rem;
-  }
-
-  .center::before {
-    transform: none;
-    height: 300px;
-  }
-
-  .description {
-    font-size: 0.8rem;
-  }
-
-  .description a {
-    padding: 1rem;
-  }
-
-  .description p,
-  .description div {
-    display: flex;
-    justify-content: center;
-    position: fixed;
-    width: 100%;
-  }
-
-  .description p {
-    align-items: center;
-    inset: 0 0 auto;
-    padding: 2rem 1rem 1.4rem;
-    border-radius: 0;
-    border: none;
-    border-bottom: 1px solid rgba(var(--callout-border-rgb), 0.25);
-    background: linear-gradient(
-      to bottom,
-      rgba(var(--background-start-rgb), 1),
-      rgba(var(--callout-rgb), 0.5)
-    );
-    background-clip: padding-box;
-    backdrop-filter: blur(24px);
-  }
-
-  .description div {
-    align-items: flex-end;
-    pointer-events: none;
-    inset: auto 0 0;
-    padding: 2rem;
-    height: 200px;
-    background: linear-gradient(
-      to bottom,
-      transparent 0%,
-      rgb(var(--background-end-rgb)) 40%
-    );
-    z-index: 1;
-  }
-}
-
-/* Tablet and Smaller Desktop */
-@media (min-width: 701px) and (max-width: 1120px) {
-  .grid {
-    grid-template-columns: repeat(2, 50%);
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .vercelLogo {
-    filter: invert(1);
-  }
-
-  .logo {
-    filter: invert(1) drop-shadow(0 0 0.3rem #ffffff70);
-  }
-}
-
-@keyframes rotate {
-  from {
-    transform: rotate(360deg);
-  }
-  to {
-    transform: rotate(0deg);
-  }
-}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d2c63a4..b89feda 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,95 +1,159 @@
-import Image from "next/image";
-import styles from "./page.module.css";
-
-export default function Home() {
-  return (
-    <main className={styles.main}>
-      <div className={styles.description}>
-        <p>
-          Get started by editing&nbsp;
-          <code className={styles.code}>src/app/page.tsx</code>
-        </p>
-        <div>
-          <a
-            href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            By{" "}
-            <Image
-              src="/vercel.svg"
-              alt="Vercel Logo"
-              className={styles.vercelLogo}
-              width={100}
-              height={24}
-              priority
-            />
-          </a>
+"use client";
+
+import {useEffect, useRef} from "react";
+
+import words from '@/Animations/words';
+import alphabets from '@/Animations/alphabets';
+import {defaultPose} from '@/Animations/defaultPose';
+
+import * as THREE from "three";
+// @ts-ignore
+import {GLTFLoader} from "three/examples/jsm/loaders/GLTFLoader";
+
+
+const SPEED = 0.1;
+const PAUSE = 800;
+
+function Home() {
+    const componentRef = useRef<Record<string, any>>({});
+    const {current: ref} = componentRef;
+
+    function handleOnRecord() {
+        // @ts-ignore
+        const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+        const recognition = new SpeechRecognition();
+
+        recognition.onresult = async function(event: { results: { transcript: any; }[][]; }) {
+            const transcript = event.results[0][0].transcript;
+            sign(transcript);
+        }
+
+        recognition.start();
+    }
+
+
+    useEffect(() => {
+
+        ref.flag = false;
+        ref.pending = false;
+
+        ref.animations = [];
+        ref.characters = [];
+
+        ref.scene = new THREE.Scene();
+        ref.scene.background = new THREE.Color(0xdddddd);
+
+        const spotLight = new THREE.SpotLight(0xffffff, 2);
+        spotLight.position.set(0, 5, 5);
+        ref.scene.add(spotLight);
+        ref.renderer = new THREE.WebGLRenderer({antialias: true});
+
+        ref.camera = new THREE.PerspectiveCamera(
+            30,
+            window.innerWidth * 0.57 / (window.innerHeight - 70),
+            0.1,
+            1000
+        )
+        ref.renderer.setSize(window.innerWidth * 0.57, window.innerHeight - 70);
+
+        const canvas = document.getElementById("canvas");
+
+        if (!canvas)
+            return;
+
+        canvas.innerHTML = "";
+        canvas.appendChild(ref.renderer.domElement);
+
+        ref.camera.position.z = 1.6;
+        ref.camera.position.y = 1.4;
+
+        let loader = new GLTFLoader();
+        loader.load(
+            "/xbot.glb",
+            (gltf: { scene: { traverse: (arg0: (child: any) => void) => void; }; }) => {
+                gltf.scene.traverse((child) => {
+                    if (child.type === 'SkinnedMesh') {
+                        child.frustumCulled = false;
+                    }
+                });
+                ref.avatar = gltf.scene;
+                ref.scene.add(ref.avatar);
+                defaultPose(ref);
+            },
+            console.log
+        );
+
+    }, [ref]);
+
+    ref.animate = () => {
+        if (ref.animations.length === 0) {
+            ref.pending = false;
+            return;
+        }
+        requestAnimationFrame(ref.animate);
+        if (ref.animations[0].length) {
+            if (!ref.flag) {
+                if (ref.animations[0][0] === 'add-text') {
+                    ref.animations.shift();
+                } else {
+                    for (let i = 0; i < ref.animations[0].length;) {
+                        let [boneName, action, axis, limit, sign] = ref.animations[0][i]
+                        if (sign === "+" && ref.avatar.getObjectByName(boneName)[action][axis] < limit) {
+                            ref.avatar.getObjectByName(boneName)[action][axis] += SPEED;
+                            ref.avatar.getObjectByName(boneName)[action][axis] = Math.min(ref.avatar.getObjectByName(boneName)[action][axis], limit);
+                            i++;
+                        } else if (sign === "-" && ref.avatar.getObjectByName(boneName)[action][axis] > limit) {
+                            ref.avatar.getObjectByName(boneName)[action][axis] -= SPEED;
+                            ref.avatar.getObjectByName(boneName)[action][axis] = Math.max(ref.avatar.getObjectByName(boneName)[action][axis], limit);
+                            i++;
+                        } else {
+                            ref.animations[0].splice(i, 1);
+                        }
+                    }
+                }
+            }
+        } else {
+            ref.flag = true;
+            setTimeout(() => {
+                ref.flag = false
+            }, PAUSE);
+            ref.animations.shift();
+        }
+        ref.renderer.render(ref.scene, ref.camera);
+    }
+
+    const sign = (text: string) => {
+        const strWords = text.toUpperCase().split(' ');
+
+        for (let word of strWords) {
+            if (words[word]) {
+                ref.animations.push(['add-text', word + ' ']);
+                words[word](ref);
+
+            } else {
+                word.split('').forEach((ch, index) => {
+                    if (index === word.length - 1)
+                        ref.animations.push(['add-text', ch + ' ']);
+                    else
+                        ref.animations.push(['add-text', ch]);
+                    alphabets[ch](ref);
+                });
+            }
+        }
+    }
+
+    return (
+        <div className='container-fluid'>
+            <div className='row'>
+                <button onClick={handleOnRecord} className='btn btn-primary w-100 btn-style'>
+                    Start Listening
+                </button>
+            </div>
+            <div className='col-md-7'>
+                <div id='canvas'/>
+            </div>
         </div>
-      </div>
-
-      <div className={styles.center}>
-        <Image
-          className={styles.logo}
-          src="/next.svg"
-          alt="Next.js Logo"
-          width={180}
-          height={37}
-          priority
-        />
-      </div>
-
-      <div className={styles.grid}>
-        <a
-          href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Docs <span>-&gt;</span>
-          </h2>
-          <p>Find in-depth information about Next.js features and API.</p>
-        </a>
-
-        <a
-          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Learn <span>-&gt;</span>
-          </h2>
-          <p>Learn about Next.js in an interactive course with&nbsp;quizzes!</p>
-        </a>
-
-        <a
-          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Templates <span>-&gt;</span>
-          </h2>
-          <p>Explore starter templates for Next.js.</p>
-        </a>
-
-        <a
-          href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Deploy <span>-&gt;</span>
-          </h2>
-          <p>
-            Instantly deploy your Next.js site to a shareable URL with Vercel.
-          </p>
-        </a>
-      </div>
-    </main>
-  );
+    )
 }
+
+export default Home;