diff --git a/src/common/components/JsonExplorer.vue b/src/common/components/JsonExplorer.vue
new file mode 100644
index 0000000..5850dcd
--- /dev/null
+++ b/src/common/components/JsonExplorer.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="root">
+    <template v-for="key in json"
+    >
+      <div class="element" :key="key">
+        <span class="json-key">"{{key}}"</span>:
+          <template v-if="Array.isArray(json[key])">
+            [<br/>
+              <div v-for="index of json[key]"
+                   class="json-table-row"
+                   :key="index"
+              >
+              
+              </div>
+            ]
+          </template>
+      </div>
+    </template>
+  </div>
+</template>
+<script>
+export default {
+  name: "json-explorer",
+  props: {
+    json: Object
+  }
+}
+</script>
\ No newline at end of file