diff --git a/src/assets/Banner_PufferIcons_Filled.png b/src/assets/Banner_PufferIcons_Filled.png
new file mode 100644
index 0000000..2f2ba3f
Binary files /dev/null and b/src/assets/Banner_PufferIcons_Filled.png differ
diff --git a/src/assets/Banner_Tipper.png b/src/assets/Banner_Tipper.png
new file mode 100644
index 0000000..feb8d6c
Binary files /dev/null and b/src/assets/Banner_Tipper.png differ
diff --git a/src/assets/Banner_Tipper3.png b/src/assets/Banner_Tipper3.png
new file mode 100644
index 0000000..803008d
Binary files /dev/null and b/src/assets/Banner_Tipper3.png differ
diff --git a/src/assets/Banner_WallCat.png b/src/assets/Banner_WallCat.png
new file mode 100644
index 0000000..682b2a0
Binary files /dev/null and b/src/assets/Banner_WallCat.png differ
diff --git a/src/assets/Screenshot_PufferIcons_Filled_1.png b/src/assets/Screenshot_PufferIcons_Filled_1.png
new file mode 100644
index 0000000..b45fce9
Binary files /dev/null and b/src/assets/Screenshot_PufferIcons_Filled_1.png differ
diff --git a/src/assets/Screenshot_PufferIcons_Filled_2.png b/src/assets/Screenshot_PufferIcons_Filled_2.png
new file mode 100644
index 0000000..0a56621
Binary files /dev/null and b/src/assets/Screenshot_PufferIcons_Filled_2.png differ
diff --git a/src/assets/Screenshot_PufferIcons_Filled_3.png b/src/assets/Screenshot_PufferIcons_Filled_3.png
new file mode 100644
index 0000000..7d7d7c6
Binary files /dev/null and b/src/assets/Screenshot_PufferIcons_Filled_3.png differ
diff --git a/src/assets/Screenshot_Tipper_1.webp b/src/assets/Screenshot_Tipper_1.webp
new file mode 100644
index 0000000..9fe63e5
Binary files /dev/null and b/src/assets/Screenshot_Tipper_1.webp differ
diff --git a/src/assets/Screenshot_Tipper_10.webp b/src/assets/Screenshot_Tipper_10.webp
new file mode 100644
index 0000000..9523a8d
Binary files /dev/null and b/src/assets/Screenshot_Tipper_10.webp differ
diff --git a/src/assets/Screenshot_Tipper_11.webp b/src/assets/Screenshot_Tipper_11.webp
new file mode 100644
index 0000000..b70f107
Binary files /dev/null and b/src/assets/Screenshot_Tipper_11.webp differ
diff --git a/src/assets/Screenshot_Tipper_12.webp b/src/assets/Screenshot_Tipper_12.webp
new file mode 100644
index 0000000..a390e30
Binary files /dev/null and b/src/assets/Screenshot_Tipper_12.webp differ
diff --git a/src/assets/Screenshot_Tipper_13.webp b/src/assets/Screenshot_Tipper_13.webp
new file mode 100644
index 0000000..7859983
Binary files /dev/null and b/src/assets/Screenshot_Tipper_13.webp differ
diff --git a/src/assets/Screenshot_Tipper_14.webp b/src/assets/Screenshot_Tipper_14.webp
new file mode 100644
index 0000000..874adae
Binary files /dev/null and b/src/assets/Screenshot_Tipper_14.webp differ
diff --git a/src/assets/Screenshot_Tipper_15.webp b/src/assets/Screenshot_Tipper_15.webp
new file mode 100644
index 0000000..cb3b1df
Binary files /dev/null and b/src/assets/Screenshot_Tipper_15.webp differ
diff --git a/src/assets/Screenshot_Tipper_16.webp b/src/assets/Screenshot_Tipper_16.webp
new file mode 100644
index 0000000..8520ad6
Binary files /dev/null and b/src/assets/Screenshot_Tipper_16.webp differ
diff --git a/src/assets/Screenshot_Tipper_17.webp b/src/assets/Screenshot_Tipper_17.webp
new file mode 100644
index 0000000..aef89bc
Binary files /dev/null and b/src/assets/Screenshot_Tipper_17.webp differ
diff --git a/src/assets/Screenshot_Tipper_18.webp b/src/assets/Screenshot_Tipper_18.webp
new file mode 100644
index 0000000..a324696
Binary files /dev/null and b/src/assets/Screenshot_Tipper_18.webp differ
diff --git a/src/assets/Screenshot_Tipper_2.webp b/src/assets/Screenshot_Tipper_2.webp
new file mode 100644
index 0000000..95588a8
Binary files /dev/null and b/src/assets/Screenshot_Tipper_2.webp differ
diff --git a/src/assets/Screenshot_Tipper_3.webp b/src/assets/Screenshot_Tipper_3.webp
new file mode 100644
index 0000000..7cad3ef
Binary files /dev/null and b/src/assets/Screenshot_Tipper_3.webp differ
diff --git a/src/assets/Screenshot_Tipper_4.webp b/src/assets/Screenshot_Tipper_4.webp
new file mode 100644
index 0000000..5b3524a
Binary files /dev/null and b/src/assets/Screenshot_Tipper_4.webp differ
diff --git a/src/assets/Screenshot_Tipper_5.webp b/src/assets/Screenshot_Tipper_5.webp
new file mode 100644
index 0000000..c0e7225
Binary files /dev/null and b/src/assets/Screenshot_Tipper_5.webp differ
diff --git a/src/assets/Screenshot_Tipper_6.webp b/src/assets/Screenshot_Tipper_6.webp
new file mode 100644
index 0000000..48a1dfe
Binary files /dev/null and b/src/assets/Screenshot_Tipper_6.webp differ
diff --git a/src/assets/Screenshot_Tipper_7.webp b/src/assets/Screenshot_Tipper_7.webp
new file mode 100644
index 0000000..618c5e5
Binary files /dev/null and b/src/assets/Screenshot_Tipper_7.webp differ
diff --git a/src/assets/Screenshot_Tipper_8.webp b/src/assets/Screenshot_Tipper_8.webp
new file mode 100644
index 0000000..5cf4a92
Binary files /dev/null and b/src/assets/Screenshot_Tipper_8.webp differ
diff --git a/src/assets/Screenshot_Tipper_9.webp b/src/assets/Screenshot_Tipper_9.webp
new file mode 100644
index 0000000..ecc9c30
Binary files /dev/null and b/src/assets/Screenshot_Tipper_9.webp differ
diff --git a/src/assets/Screenshot_WallCat_1.png b/src/assets/Screenshot_WallCat_1.png
new file mode 100644
index 0000000..bfa9c4c
Binary files /dev/null and b/src/assets/Screenshot_WallCat_1.png differ
diff --git a/src/assets/Screenshot_WallCat_2.png b/src/assets/Screenshot_WallCat_2.png
new file mode 100644
index 0000000..15402fc
Binary files /dev/null and b/src/assets/Screenshot_WallCat_2.png differ
diff --git a/src/assets/Screenshot_WallCat_3.png b/src/assets/Screenshot_WallCat_3.png
new file mode 100644
index 0000000..0b5d3c9
Binary files /dev/null and b/src/assets/Screenshot_WallCat_3.png differ
diff --git a/src/assets/Screenshot_WallCat_4.png b/src/assets/Screenshot_WallCat_4.png
new file mode 100644
index 0000000..bf5c8e2
Binary files /dev/null and b/src/assets/Screenshot_WallCat_4.png differ
diff --git a/src/assets/Screenshot_WallCat_5.png b/src/assets/Screenshot_WallCat_5.png
new file mode 100644
index 0000000..0107872
Binary files /dev/null and b/src/assets/Screenshot_WallCat_5.png differ
diff --git a/src/assets/Screenshot_WallCat_6.jpg b/src/assets/Screenshot_WallCat_6.jpg
new file mode 100644
index 0000000..0a8b550
Binary files /dev/null and b/src/assets/Screenshot_WallCat_6.jpg differ
diff --git a/src/router/index.ts b/src/router/index.ts
index b9e27c9..5dca90c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -6,6 +6,10 @@ import PufferIcons from '../views/PufferIcons.vue'
 import Puffercat_Apps from '../views/Puffercat_Apps.vue'
 import Shapes from '../views/Shapes.vue'
 import Blurry_Wallpapers from '../views/Blurry_Wallpapers.vue'
+import Tipper_by_myCALC from '../views/Tipper_by_myCALC.vue'
+import PufferIcons_Filled from '../views/PufferIcons_Filled.vue'
+import WallCat from '../views/WallCat.vue'
+import Tipper3 from '../views/Tipper3.vue'
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -50,7 +54,26 @@ const routes: Array<RouteRecordRaw> = [
     name: 'Blurry Wallpapers',
     component: Blurry_Wallpapers,
   },
-  
+  {
+    path: '/details/Tipper_by_myCALC',
+    name: 'Tipper by myCALC',
+    component: Tipper_by_myCALC,
+  },
+  {
+    path: '/details/PufferIcons_Filled',
+    name: 'PufferIcons Filled',
+    component: PufferIcons_Filled,
+  },
+  {
+    path: '/details/WallCat',
+    name: 'WallCat',
+    component: WallCat,
+  },
+  {
+    path: '/details/Tipper3',
+    name: 'Tipper3',
+    component: Tipper3,
+  },
 ]
 
 const router = createRouter({
diff --git a/src/views/Apps.vue b/src/views/Apps.vue
index 96715ad..65b250c 100644
--- a/src/views/Apps.vue
+++ b/src/views/Apps.vue
@@ -184,18 +184,18 @@
   </ion-row>
   <ion-row class="column-bottom">
     <ion-col size="auto">
-      <img src="../assets/Icon_Tipper.png" class="icon">
+      <a href="/details/Tipper_by_myCALC" class="hidden-link"><img src="../assets/Icon_Tipper.png" class="icon"></a>
     </ion-col>
     <ion-col size="auto" class="description-column">
         <ion-row>
-          <ion-column><h4 class="size-appname">Tipper by myCALC</h4></ion-column>
+          <a href="/details/Tipper_by_myCALC" class="hidden-link"><ion-column><h4 class="size-appname">Tipper by myCALC</h4></ion-column></a>
         </ion-row>
         <ion-row>
-          <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+          <a href="/details/Tipper_by_myCALC" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a>
         </ion-row>
     </ion-col>
     <ion-col class="download-column">
-      <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
+      <ion-button shape="round" href="https://cdn.puffercat.xyz/c/puffercat-apps/apks/Tipper_by_myCALC/tipper-by-mycalc-1.1-dev.apk"><ion-icon :icon="arrowDown" /></ion-button>
     </ion-col>
   </ion-row>
 </ion-grid>
diff --git a/src/views/Blurry_Wallpapers.vue b/src/views/Blurry_Wallpapers.vue
index 21dabe7..7594020 100644
--- a/src/views/Blurry_Wallpapers.vue
+++ b/src/views/Blurry_Wallpapers.vue
@@ -38,7 +38,7 @@
     </ion-row>
     <ion-row class="column-standard2">
       <ion-col>
-        <ion-button href="https://cdn.puffercat.xyz/c/puffercat-apps/apks/Blurry_Wallpapers/blurry-wallpapers-1.0.3.apk" expand="full" shape="round" style="margin: 0px;" download="Shapes-latest.apk">Download</ion-button>
+        <ion-button href="https://cdn.puffercat.xyz/c/puffercat-apps/apks/Blurry_Wallpapers/blurry-wallpapers-1.0.3.apk" expand="full" shape="round" style="margin: 0px;" download="Blurry-wallpapers-latest.apk">Download</ion-button>
       </ion-col>
       <ion-col>
         <ion-button href="https://play.google.com/store/apps/details?id=xyz.puffercat.blurrywalls.android" expand="full" shape="round" style="margin: 0px;">Google Play</ion-button>
diff --git a/src/views/ComingSoon.vue b/src/views/ComingSoon.vue
index cd7bac1..acc44df 100644
--- a/src/views/ComingSoon.vue
+++ b/src/views/ComingSoon.vue
@@ -91,14 +91,14 @@
       <ion-grid>
   <ion-row class="column-standard">
     <ion-col size="auto">
-      <img src="../assets/Icon_PufferIcons_Filled.png" class="icon">
+      <a href="/details/PufferIcons_Filled" class="hidden-link"><img src="../assets/Icon_PufferIcons_Filled.png" class="icon"></a>
     </ion-col>
     <ion-col size="auto" class="description-column">
         <ion-row>
-          <ion-column><h4 class="size-appname">PufferIcons Filled</h4></ion-column>
+          <a href="/details/PufferIcons_Filled" class="hidden-link"><ion-column><h4 class="size-appname">PufferIcons Filled</h4></ion-column></a>
         </ion-row>
         <ion-row>
-          <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+          <a href="/details/PufferIcons_Filled" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a>
         </ion-row>
     </ion-col>
     <ion-col class="download-column">
@@ -107,14 +107,14 @@
   </ion-row>
   <ion-row class="column-standard">
     <ion-col size="auto">
-      <img src="../assets/Icon_WallCat.png" class="icon">
+      <a href="/details/WallCat" class="hidden-link"><img src="../assets/Icon_WallCat.png" class="icon"></a>
     </ion-col>
     <ion-col size="auto" class="description-column">
         <ion-row>
-          <ion-column><h4 class="size-appname">WallCat</h4></ion-column>
+          <a href="/details/WallCat" class="hidden-link"><ion-column><h4 class="size-appname">WallCat</h4></ion-column></a>
         </ion-row>
         <ion-row>
-          <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+          <a href="/details/WallCat" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a>
         </ion-row>
     </ion-col>
     <ion-col class="download-column">
@@ -123,14 +123,14 @@
   </ion-row>
   <ion-row class="column-standard">
     <ion-col size="auto">
-      <img src="../assets/Icon_Tipper3.png" class="icon">
+      <a href="/details/Tipper3" class="hidden-link"><img src="../assets/Icon_Tipper3.png" class="icon"></a>
     </ion-col>
     <ion-col size="auto" class="description-column">
         <ion-row>
-          <ion-column><h4 class="size-appname">Tipper3</h4></ion-column>
+          <a href="/details/Tipper3" class="hidden-link"><ion-column><h4 class="size-appname">Tipper3</h4></ion-column></a>
         </ion-row>
         <ion-row>
-          <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+         <a href="/details/Tipper3" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a>
         </ion-row>
     </ion-col>
     <ion-col class="download-column">
@@ -222,5 +222,8 @@ export default  defineComponent({
   }
 } .aboutFrameworkLogo {
   width: 175px;
-}
+} .hidden-link {
+    text-decoration-line: none;
+    color: var(--ion-color-light-contrast);
+  }
 </style>
\ No newline at end of file
diff --git a/src/views/PufferIcons_Filled.vue b/src/views/PufferIcons_Filled.vue
new file mode 100644
index 0000000..7ac72a9
--- /dev/null
+++ b/src/views/PufferIcons_Filled.vue
@@ -0,0 +1,188 @@
+<template>
+    <ion-page>
+      <ion-header>
+        <ion-toolbar>
+    <ion-buttons slot="start">
+    <ion-back-button default-href="/tabs/soon"></ion-back-button>
+  </ion-buttons>
+          <ion-title>PufferIcons Filled</ion-title>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content :fullscreen="true">
+        <ion-header collapse="condense">
+          <ion-toolbar>
+            <ion-title size="large">PufferIcons Filled</ion-title>
+          </ion-toolbar>
+        </ion-header>
+        <ion-grid>
+    <ion-row class="column-standard2">
+      <ion-col class="bannerColumn">
+        
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col size="auto">
+        <img src="../assets/Icon_PufferIcons_Filled.png" class="icon">
+      </ion-col>
+      <ion-col size="auto" class="description-column">
+          <ion-row style="padding: 0px; margin: 0px;">
+            <ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>PufferIcons Filled</strong></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><p class="size-appname-icon"></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+          </ion-row>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard2">
+      <ion-col>
+        <ion-button disabled="true" expand="full" shape="round" style="margin: 0px;">Coming Soon</ion-button>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Description</strong></h4>
+        <strong>Notes:
+Ignore Google Play Protect, my signature is different than original Lawnicons, but I can't change the package name because then Lawnchair would stop recognizing this app as Lawnicons.</strong><br>
+PufferIcons is fork of Rkicons, a fork Lawnicons which is an add-on for adding themed icons to Lawnchair 12 Alpha 5 and above. This addon is now the source of all themed icons, for simplicity.<br>
+<br>
+PufferIcons Filled as well as Rkicons are filled while PufferIcons and Lawnicons are outlined.<br>
+<br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Screenshots (early development)</strong></h4>
+        <div class="scrollScreenshots">
+        <img src="../assets/Screenshot_PufferIcons_Filled_1.png" class="screenshot">
+        <img src="../assets/Screenshot_PufferIcons_Filled_2.png" class="screenshot">
+        <img src="../assets/Screenshot_PufferIcons_Filled_3.png" class="screenshot">
+        </div>
+        <br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Links</strong></h4>
+        <a href="https://pufferrom.t.me" class="">Telegram channel (releases)</a>
+        <br>
+        <a href="https://puffercatchannel.t.me" class="">Telegram channel (general)</a>
+        <br>
+        <a href="https://puffercatrom.t.me" class="">Support group</a>
+        <br>
+        <a href="https://github.com/Puffercatt/PufferIcons-Filled" class="">GitHub repo</a>
+        <br>
+        <br>
+    </ion-col>
+    </ion-row>
+  </ion-grid>
+      </ion-content>
+    </ion-page>
+  </template>
+  
+  <script lang="ts">
+  import { defineComponent } from 'vue';
+  import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
+      IonModal,
+      IonItem,
+      IonList,
+      IonAvatar,
+      IonImg,
+      IonLabel } from '@ionic/vue';
+  import ExploreContainer from '@/components/ExploreContainer.vue';
+  import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons';
+  
+  export default  defineComponent({
+    name: 'Tab1Page',
+    components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons, IonBackButton},
+    setup() {
+      return {
+        logoAndroid,
+        arrowDown,
+        logoPwa,
+        ellipsisVertical
+      }
+    }
+  });
+  </script>
+  
+  <style scoped>
+    .column-standard {
+      background-color: var(--ion-color-light-shade);
+      color: var(--ion-color-light-contrast);
+      padding: 15px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } .icon {
+      width: 90px;
+      margin-right: 5px;
+    } ion-button {
+      --box-shadow: 0px;
+    } .download-column {
+      text-align: right;
+      display: flex;
+      justify-content: right;
+      align-items: center;
+    } .description-column {
+      align-items: center;
+    } .size-appname {
+    font-size: 20px;
+  } .size-appname-icon {
+    font-size: 15px;
+  } .logoAbout {
+    width: 125px;
+    margin: 10px;
+    margin-top: 20px;
+  } .modalContent {
+    text-align: center;
+      display: flex;
+      justify-content: center;
+  } .tableLabel {
+    text-align: left;
+  } .vueLogoLight {
+    display: inline;
+  } .vueLogoDark {
+    display: none;
+  } @media (prefers-color-scheme: dark) {
+    .vueLogoLight {
+      display: none;
+    } .vueLogoDark {
+      display: inline;
+    }
+  } .aboutFrameworkLogo {
+    width: 175px;
+  } .bannerColumn {
+    height: 200px;
+    background-image: url("../assets/Banner_PufferIcons_Filled.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 25px;
+  } .column-standard2 {
+      background-color: transparent;
+      color: var(--ion-color-light-contrast);
+    padding: 0px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } ion-button {
+    --box-shadow: 0px;
+  } .screenshot {
+    height: 600px;
+    border-radius: 30px;
+  } div.scrollScreenshots {
+  overflow: auto;
+  white-space: nowrap;
+}
+
+div.scrollScreenshots img {
+  display: inline-block;
+  padding: 10px;
+} .hidden-link {
+    text-decoration-line: none;
+    color: var(--ion-color-light-contrast);
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/Tipper3.vue b/src/views/Tipper3.vue
new file mode 100644
index 0000000..368d2ce
--- /dev/null
+++ b/src/views/Tipper3.vue
@@ -0,0 +1,187 @@
+<template>
+    <ion-page>
+      <ion-header>
+        <ion-toolbar>
+    <ion-buttons slot="start">
+    <ion-back-button default-href="/tabs/soon"></ion-back-button>
+  </ion-buttons>
+          <ion-title>Tipper3</ion-title>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content :fullscreen="true">
+        <ion-header collapse="condense">
+          <ion-toolbar>
+            <ion-title size="large">Tipper3</ion-title>
+          </ion-toolbar>
+        </ion-header>
+        <ion-grid>
+    <ion-row class="column-standard2">
+      <ion-col class="bannerColumn">
+        
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col size="auto">
+        <img src="../assets/Icon_Tipper3.png" class="icon">
+      </ion-col>
+      <ion-col size="auto" class="description-column">
+          <ion-row style="padding: 0px; margin: 0px;">
+            <ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>Tipper3</strong></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><p class="size-appname-icon"></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+          </ion-row>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard2">
+      <ion-col>
+        <ion-button disabled="true" expand="full" shape="round" style="margin: 0px;">Coming Soon</ion-button>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Description</strong></h4>
+        The replacement for Tipper by myCALC. A tip calculator designed with Google's Material Design 3 guidelines and Material you that feels native to Android.<br>
+<br>
+    </ion-col>
+    </ion-row>
+   <!-- <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Screenshots (early development)</strong></h4>
+        <div class="scrollScreenshots">
+        <img src="../assets/Screenshot_WallCat_1.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_2.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_3.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_4.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_5.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_6.jpg" class="screenshot">
+        </div>
+        <br>
+    </ion-col>
+    </ion-row>-->
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Links</strong></h4>
+        <a href="mailto:puffercatt+tipper3@gmail.com" class="">E-mail</a>
+        <br>
+        <a href="https://pufferrom.t.me" class="">Telegram channel (releases)</a>
+        <br>
+        <a href="https://puffercatchannel.t.me" class="">Telegram channel (general)</a>
+        <br>
+        <a href="https://puffercatrom.t.me" class="">Support group</a>
+        <br>
+        <br>
+    </ion-col>
+    </ion-row>
+  </ion-grid>
+      </ion-content>
+    </ion-page>
+  </template>
+  
+  <script lang="ts">
+  import { defineComponent } from 'vue';
+  import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
+      IonModal,
+      IonItem,
+      IonList,
+      IonAvatar,
+      IonImg,
+      IonLabel } from '@ionic/vue';
+  import ExploreContainer from '@/components/ExploreContainer.vue';
+  import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons';
+  
+  export default  defineComponent({
+    name: 'Tab1Page',
+    components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons, IonBackButton},
+    setup() {
+      return {
+        logoAndroid,
+        arrowDown,
+        logoPwa,
+        ellipsisVertical
+      }
+    }
+  });
+  </script>
+  
+  <style scoped>
+    .column-standard {
+      background-color: var(--ion-color-light-shade);
+      color: var(--ion-color-light-contrast);
+      padding: 15px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } .icon {
+      width: 90px;
+      margin-right: 5px;
+    } ion-button {
+      --box-shadow: 0px;
+    } .download-column {
+      text-align: right;
+      display: flex;
+      justify-content: right;
+      align-items: center;
+    } .description-column {
+      align-items: center;
+    } .size-appname {
+    font-size: 20px;
+  } .size-appname-icon {
+    font-size: 15px;
+  } .logoAbout {
+    width: 125px;
+    margin: 10px;
+    margin-top: 20px;
+  } .modalContent {
+    text-align: center;
+      display: flex;
+      justify-content: center;
+  } .tableLabel {
+    text-align: left;
+  } .vueLogoLight {
+    display: inline;
+  } .vueLogoDark {
+    display: none;
+  } @media (prefers-color-scheme: dark) {
+    .vueLogoLight {
+      display: none;
+    } .vueLogoDark {
+      display: inline;
+    }
+  } .aboutFrameworkLogo {
+    width: 175px;
+  } .bannerColumn {
+    height: 200px;
+    background-image: url("../assets/Banner_Tipper3.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 25px;
+  } .column-standard2 {
+      background-color: transparent;
+      color: var(--ion-color-light-contrast);
+    padding: 0px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } ion-button {
+    --box-shadow: 0px;
+  } .screenshot {
+    height: 600px;
+    border-radius: 30px;
+  } div.scrollScreenshots {
+  overflow: auto;
+  white-space: nowrap;
+}
+
+div.scrollScreenshots img {
+  display: inline-block;
+  padding: 10px;
+} .hidden-link {
+    text-decoration-line: none;
+    color: var(--ion-color-light-contrast);
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/Tipper_by_myCALC.vue b/src/views/Tipper_by_myCALC.vue
new file mode 100644
index 0000000..51e98ec
--- /dev/null
+++ b/src/views/Tipper_by_myCALC.vue
@@ -0,0 +1,200 @@
+<template>
+    <ion-page>
+      <ion-header>
+        <ion-toolbar>
+    <ion-buttons slot="start">
+    <ion-back-button default-href="/"></ion-back-button>
+  </ion-buttons>
+          <ion-title>Tipper by myCALC</ion-title>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content :fullscreen="true">
+        <ion-header collapse="condense">
+          <ion-toolbar>
+            <ion-title size="large">Tipper by myCALC</ion-title>
+          </ion-toolbar>
+        </ion-header>
+        <ion-grid>
+    <ion-row class="column-standard2">
+      <ion-col class="bannerColumn">
+        
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col size="auto">
+        <img src="../assets/Icon_Tipper.png" class="icon">
+      </ion-col>
+      <ion-col size="auto" class="description-column">
+          <ion-row style="padding: 0px; margin: 0px;">
+            <ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>Tipper by myCALC</strong></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><p class="size-appname-icon">version 1.1-dev</p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+          </ion-row>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard2">
+      <ion-col>
+        <ion-button href="https://cdn.puffercat.xyz/c/puffercat-apps/apks/Tipper_by_myCALC/tipper-by-mycalc-1.1-dev.apk" expand="full" shape="round" style="margin: 0px;" download="Tipper-latest.apk">Download</ion-button>
+      </ion-col>
+      <ion-col>
+        <ion-button href="https://play.google.com/store/apps/details?id=pl.kacperzacharski.puffercat.tipper" expand="full" shape="round" style="margin: 0px;">Google Play</ion-button>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Changelog - 1.1-dev</strong></h4>
+        <ul>
+            <li>Added Material Design 3 support</li>
+        </ul>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Description</strong></h4>
+        Minimal and easy to use open-source tip calculator.<br>
+Tipper by myCALC is a modern and simple tip calculating app.<br>
+Works with a lot of currencies.<br>
+<br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Screenshots</strong></h4>
+        <div class="scrollScreenshots">
+        <img src="../assets/Screenshot_Tipper_1.webp" class="screenshot">
+        <img src="../assets/Screenshot_Tipper_2.webp" class="screenshot">
+        <img src="../assets/Screenshot_Tipper_3.webp" class="screenshot">
+        <img src="../assets/Screenshot_Tipper_4.webp" class="screenshot">
+        <img src="../assets/Screenshot_Tipper_5.webp" class="screenshot">
+        <img src="../assets/Screenshot_Tipper_6.webp" class="screenshot">
+        </div>
+        <br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Links</strong></h4>
+        <a href="mailto:puffercatt+mycalc@gmail.com" class="">E-mail</a>
+        <br>
+        <a href="https://cdn.puffercat.xyz/c/mycalc/tipper-privacy/" class="">Privacy policy</a>
+        <br>
+        <a href="https://github.com/KZacharski/tipperbymycalc" class="">GitHub repo</a>
+        <br>
+        <br>
+    </ion-col>
+    </ion-row>
+  </ion-grid>
+      </ion-content>
+    </ion-page>
+  </template>
+  
+  <script lang="ts">
+  import { defineComponent } from 'vue';
+  import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
+      IonModal,
+      IonItem,
+      IonList,
+      IonAvatar,
+      IonImg,
+      IonLabel } from '@ionic/vue';
+  import ExploreContainer from '@/components/ExploreContainer.vue';
+  import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons';
+  
+  export default  defineComponent({
+    name: 'Tab1Page',
+    components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons, IonBackButton},
+    setup() {
+      return {
+        logoAndroid,
+        arrowDown,
+        logoPwa,
+        ellipsisVertical
+      }
+    }
+  });
+  </script>
+  
+  <style scoped>
+    .column-standard {
+      background-color: var(--ion-color-light-shade);
+      color: var(--ion-color-light-contrast);
+      padding: 15px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } .icon {
+      width: 90px;
+      margin-right: 5px;
+    } ion-button {
+      --box-shadow: 0px;
+    } .download-column {
+      text-align: right;
+      display: flex;
+      justify-content: right;
+      align-items: center;
+    } .description-column {
+      align-items: center;
+    } .size-appname {
+    font-size: 20px;
+  } .size-appname-icon {
+    font-size: 15px;
+  } .logoAbout {
+    width: 125px;
+    margin: 10px;
+    margin-top: 20px;
+  } .modalContent {
+    text-align: center;
+      display: flex;
+      justify-content: center;
+  } .tableLabel {
+    text-align: left;
+  } .vueLogoLight {
+    display: inline;
+  } .vueLogoDark {
+    display: none;
+  } @media (prefers-color-scheme: dark) {
+    .vueLogoLight {
+      display: none;
+    } .vueLogoDark {
+      display: inline;
+    }
+  } .aboutFrameworkLogo {
+    width: 175px;
+  } .bannerColumn {
+    height: 200px;
+    background-image: url("../assets/Banner_Tipper.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 25px;
+  } .column-standard2 {
+      background-color: transparent;
+      color: var(--ion-color-light-contrast);
+    padding: 0px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } ion-button {
+    --box-shadow: 0px;
+  } .screenshot {
+    height: 600px;
+    width: auto;
+    border-radius: 30px;
+  } div.scrollScreenshots {
+  overflow: auto;
+  white-space: nowrap;
+  object-fit: none;
+}
+
+div.scrollScreenshots img {
+  display: inline-block;
+  padding: 10px;
+} .hidden-link {
+    text-decoration-line: none;
+    color: var(--ion-color-light-contrast);
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/WallCat.vue b/src/views/WallCat.vue
new file mode 100644
index 0000000..2007fef
--- /dev/null
+++ b/src/views/WallCat.vue
@@ -0,0 +1,200 @@
+<template>
+    <ion-page>
+      <ion-header>
+        <ion-toolbar>
+    <ion-buttons slot="start">
+    <ion-back-button default-href="/tabs/soon"></ion-back-button>
+  </ion-buttons>
+          <ion-title>WallCat</ion-title>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content :fullscreen="true">
+        <ion-header collapse="condense">
+          <ion-toolbar>
+            <ion-title size="large">WallCat</ion-title>
+          </ion-toolbar>
+        </ion-header>
+        <ion-grid>
+    <ion-row class="column-standard2">
+      <ion-col class="bannerColumn">
+        
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col size="auto">
+        <img src="../assets/Icon_WallCat.png" class="icon">
+      </ion-col>
+      <ion-col size="auto" class="description-column">
+          <ion-row style="padding: 0px; margin: 0px;">
+            <ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>WallCat</strong></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><p class="size-appname-icon"></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
+          </ion-row>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard2">
+      <ion-col>
+        <ion-button disabled="true" expand="full" shape="round" style="margin: 0px;">Coming Soon</ion-button>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Description</strong></h4>
+        A wallpaper app by Puffercat<br>
+        <br>
+        Includes collections:<br>
+        • Waves<br>
+        • Landscapes<br>
+        • Glass<br>
+        • Depth<br>
+        • Flat shapes<br>
+        • Aurora<br>
+        • Glow<br>
+        <br>
+        More coming soon<br>
+<br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Screenshots (early development)</strong></h4>
+        <div class="scrollScreenshots">
+        <img src="../assets/Screenshot_WallCat_1.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_2.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_3.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_4.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_5.png" class="screenshot">
+        <img src="../assets/Screenshot_WallCat_6.jpg" class="screenshot">
+        </div>
+        <br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Links</strong></h4>
+        <a href="https://puffercat.gumroad.com" class="">Wallpapers</a>
+        <br>
+        <a href="mailto:puffercatt+wallcat@gmail.com" class="">E-mail</a>
+        <br>
+        <a href="https://pufferrom.t.me" class="">Telegram channel (releases)</a>
+        <br>
+        <a href="https://puffercatchannel.t.me" class="">Telegram channel (general)</a>
+        <br>
+        <a href="https://puffercatrom.t.me" class="">Support group</a>
+        <br>
+        <br>
+    </ion-col>
+    </ion-row>
+  </ion-grid>
+      </ion-content>
+    </ion-page>
+  </template>
+  
+  <script lang="ts">
+  import { defineComponent } from 'vue';
+  import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
+      IonModal,
+      IonItem,
+      IonList,
+      IonAvatar,
+      IonImg,
+      IonLabel } from '@ionic/vue';
+  import ExploreContainer from '@/components/ExploreContainer.vue';
+  import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons';
+  
+  export default  defineComponent({
+    name: 'Tab1Page',
+    components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons, IonBackButton},
+    setup() {
+      return {
+        logoAndroid,
+        arrowDown,
+        logoPwa,
+        ellipsisVertical
+      }
+    }
+  });
+  </script>
+  
+  <style scoped>
+    .column-standard {
+      background-color: var(--ion-color-light-shade);
+      color: var(--ion-color-light-contrast);
+      padding: 15px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } .icon {
+      width: 90px;
+      margin-right: 5px;
+    } ion-button {
+      --box-shadow: 0px;
+    } .download-column {
+      text-align: right;
+      display: flex;
+      justify-content: right;
+      align-items: center;
+    } .description-column {
+      align-items: center;
+    } .size-appname {
+    font-size: 20px;
+  } .size-appname-icon {
+    font-size: 15px;
+  } .logoAbout {
+    width: 125px;
+    margin: 10px;
+    margin-top: 20px;
+  } .modalContent {
+    text-align: center;
+      display: flex;
+      justify-content: center;
+  } .tableLabel {
+    text-align: left;
+  } .vueLogoLight {
+    display: inline;
+  } .vueLogoDark {
+    display: none;
+  } @media (prefers-color-scheme: dark) {
+    .vueLogoLight {
+      display: none;
+    } .vueLogoDark {
+      display: inline;
+    }
+  } .aboutFrameworkLogo {
+    width: 175px;
+  } .bannerColumn {
+    height: 200px;
+    background-image: url("../assets/Banner_WallCat.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 25px;
+  } .column-standard2 {
+      background-color: transparent;
+      color: var(--ion-color-light-contrast);
+    padding: 0px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } ion-button {
+    --box-shadow: 0px;
+  } .screenshot {
+    height: 600px;
+    border-radius: 30px;
+  } div.scrollScreenshots {
+  overflow: auto;
+  white-space: nowrap;
+}
+
+div.scrollScreenshots img {
+  display: inline-block;
+  padding: 10px;
+} .hidden-link {
+    text-decoration-line: none;
+    color: var(--ion-color-light-contrast);
+  }
+  </style>
\ No newline at end of file