diff --git a/cache-monkey-v1.0.8.tgz b/cache-monkey-v1.0.8.tgz
new file mode 100644
index 0000000..71e3fdf
Binary files /dev/null and b/cache-monkey-v1.0.8.tgz differ
diff --git a/src/renderer/assets/grid.svg b/src/renderer/assets/grid.svg
new file mode 100644
index 0000000..3a0dbae
--- /dev/null
+++ b/src/renderer/assets/grid.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M176.792,0H59.208C26.561,0,0,26.561,0,59.208v117.584C0,209.439,26.561,236,59.208,236h117.584
+			C209.439,236,236,209.439,236,176.792V59.208C236,26.561,209.439,0,176.792,0z M196,176.792c0,10.591-8.617,19.208-19.208,19.208
+			H59.208C48.617,196,40,187.383,40,176.792V59.208C40,48.617,48.617,40,59.208,40h117.584C187.383,40,196,48.617,196,59.208
+			V176.792z" fill="#fff"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M452,0H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V60
+			C512,26.916,485.084,0,452,0z M472,176c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V60c0-11.028,8.972-20,20-20h116
+			c11.028,0,20,8.972,20,20V176z" fill="#fff" />
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M176.792,276H59.208C26.561,276,0,302.561,0,335.208v117.584C0,485.439,26.561,512,59.208,512h117.584
+			C209.439,512,236,485.439,236,452.792V335.208C236,302.561,209.439,276,176.792,276z M196,452.792
+			c0,10.591-8.617,19.208-19.208,19.208H59.208C48.617,472,40,463.383,40,452.792V335.208C40,324.617,48.617,316,59.208,316h117.584
+			c10.591,0,19.208,8.617,19.208,19.208V452.792z" fill="#fff"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M452,276H336c-33.084,0-60,26.916-60,60v116c0,33.084,26.916,60,60,60h116c33.084,0,60-26.916,60-60V336
+			C512,302.916,485.084,276,452,276z M472,452c0,11.028-8.972,20-20,20H336c-11.028,0-20-8.972-20-20V336c0-11.028,8.972-20,20-20
+			h116c11.028,0,20,8.972,20,20V452z" fill="#fff"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/renderer/assets/list.svg b/src/renderer/assets/list.svg
new file mode 100644
index 0000000..21f7440
--- /dev/null
+++ b/src/renderer/assets/list.svg
@@ -0,0 +1,7 @@
+<svg height="512pt" viewBox="0 -52 512.00001 512" width="512pt" xmlns="http://www.w3.org/2000/svg">
+<path fill="#fff" d="m0 113.292969h113.292969v-113.292969h-113.292969zm30.003906-83.289063h53.289063v53.289063h-53.289063zm0 0"/>
+<path fill="#fff" d="m149.296875 0v113.292969h362.703125v-113.292969zm332.699219 83.292969h-302.695313v-53.289063h302.695313zm0 0"/>
+<path fill="#fff" d="m0 260.300781h113.292969v-113.292969h-113.292969zm30.003906-83.292969h53.289063v53.289063h-53.289063zm0 0"/>
+<path fill="#fff" d="m149.296875 260.300781h362.703125v-113.292969h-362.703125zm30.003906-83.292969h302.695313v53.289063h-302.695313zm0 0"/>
+<path fill="#fff" d="m0 407.308594h113.292969v-113.296875h-113.292969zm30.003906-83.292969h53.289063v53.289063h-53.289063zm0 0"/>
+<path fill="#fff" d="m149.296875 407.308594h362.703125v-113.296875h-362.703125zm30.003906-83.292969h302.695313v53.289063h-302.695313zm0 0"/></svg>
\ No newline at end of file
diff --git a/src/renderer/components/LandingPage.vue b/src/renderer/components/LandingPage.vue
index a84400f..eabedf6 100644
--- a/src/renderer/components/LandingPage.vue
+++ b/src/renderer/components/LandingPage.vue
@@ -71,6 +71,12 @@
         >{{i ? i : 'uh?'}}</div>
       </div>
 
+      <div style="opacity:0.3; margin-top: 1rem;">List Type ({{gridType}})</div>
+      <div style="width:230px;" class="flex">
+        <button class="list-types-button" @click="changeList('grid')"><img width="17px" src="../assets/grid.svg"></button>
+        <button class="list-types-button" @click="changeList('rows')"><img width="17px" src="../assets/list.svg"></button>
+      </div>
+
       <!-- <div style="opacity:0.3;">Total Analysed:</div>
       <b>{{totalAnalysed}}/{{totalAnalysing}}</b>
       <div style="opacity:0.3;">dumpScanComplete:</div>
@@ -108,7 +114,24 @@
       <div></div>
     </div>
     <div class="content">
+      <div class="item-row" v-if="gridType === 'rows'" v-for="(i, index) of content" :key="index" @click='click(i, `url("file://${dumpDirectory.replace(/[ ]/g, "\\ ")}/${i.dumpKey.replace(/[ ]/g, "\ ")}")`, index);'>
+        <div class="item-image" :style='{ "background-image": `url("file://${dumpDirectory.replace(/[ ]/g, "\\ ")}/${i.dumpKey.replace(/[ ]/g, "\ ")}")` }'></div>
+        
+        <div style="flex: 1; width: 250px; display: flex; justify-content: center;">
+          <div class="item-info" v-if="i.type">
+            <div class="header">File Type</div>
+            <div class="value">{{i.type}}</div>
+          </div>
+
+          <div class="item-info" v-if="i.size">
+            <div class="header">File Size</div>
+            <div class="value">{{bytesToSize(i.size)}}</div>
+          </div>
+        </div>
+
+      </div>
       <div
+        v-if="gridType === 'grid' || gridType === null"
         v-for="(i, index) of content"
         :key="index"
         class="image"
@@ -121,7 +144,7 @@
           <!-- {{bytesToSize(i.size)}} -->
         </div>
       </div>
-    </div>
+    </div> 
     <!-- <div class="image" :style="{ 'background-image': `url(${test})` }"></div>
     {{test}}-->
     <br>
@@ -159,6 +182,7 @@ export default {
   data() {
     return {
       monkey: 1,
+      gridType: localStorage.getItem('gridType'),
       currentFilter: false,
       updateDownloading: false,
       updateFailed: false
@@ -195,6 +219,11 @@ export default {
     this.$root.$on('previousItem', () => this.previousItem())
   },
   methods: {
+    changeList(type) {
+      localStorage.setItem("gridType", type)
+      this.gridType = type;
+      console.log("Changing list type to " + type)
+    },
     open(link) {
       shell.openExternal(link);
     },
@@ -489,6 +518,7 @@ body {
 .content {
   margin-left: 360px;
   margin-top: 25px;
+  width: 100%;
 }
 #logo {
   height: auto;
@@ -535,4 +565,63 @@ main > div {
     margin-right: 10px;
   }
 }
+
+.item-row {
+  float: left;
+  background: var(--main);
+  margin-bottom: 1rem;
+  margin-right: 1rem;
+  border-radius: 6px;
+  display: flex;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  .item-info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 0 0.5rem;
+
+    .header {
+      opacity: 0.2;
+    }
+
+    .value {
+      opacity: 0.5;
+    }
+  }
+
+
+  .item-image {
+    width: 50px;
+    height: 50px;
+    margin: 1px;
+    border-top-left-radius: 6px;
+    border-bottom-left-radius: 6px;
+    background: var(--background);
+    background-size: cover;
+    cursor: pointer;
+    position: relative;
+    /* transition: 100ms; */
+  }
+
+}
+.list-types-button {
+  background: var(--box);
+  fill: var(--text);
+  font-weight: 600;
+  border: none;
+  font-size: 13px;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: 200ms;
+  outline: none;
+  position: relative;
+  text-align: center;
+  padding: 10px;
+  margin-right: 0.5rem;
+}
 </style>