diff --git a/examples/app.js b/examples/app.js
index 5b5e1de..bcc4c51 100644
--- a/examples/app.js
+++ b/examples/app.js
@@ -16,7 +16,8 @@ new Vue({
                   b: 'a',
                   a: 'hello word',
                   asd2: 1,
-                  asd: false
+                  asd: false,
+                  foo: null
                 }
               }
         }
diff --git a/json-box.vue b/json-box.vue
index 346ba4a..092defe 100644
--- a/json-box.vue
+++ b/json-box.vue
@@ -11,6 +11,7 @@
 <script>
 import JIcon from './json-icon'
 import JsonString from './types/json-string';
+import JsonNull from './types/json-null';
 import JsonNumber from './types/json-number';
 import JsonBoolean from './types/json-boolean';
 import JsonObject from './types/json-object';
@@ -35,7 +36,9 @@ export default {
     },
     computed: {
         valueType() {
-            if (Array.isArray(this.value)) {
+            if (this.value === null || this.value === undefined) {
+                return 'Null';
+            } else if (Array.isArray(this.value)) {
                 return 'Array';
             } else if (typeof this.value === 'object') {
                 return 'Object';
diff --git a/types/json-null.vue b/types/json-null.vue
new file mode 100644
index 0000000..b424821
--- /dev/null
+++ b/types/json-null.vue
@@ -0,0 +1,18 @@
+<template>
+    <span class="json-null">{{ jsonValue === null ? 'null' : 'undefined' }}</span>
+</template>
+
+<script>
+export default {
+    name: 'JsonNull',
+    props: {
+        jsonValue: Object
+    }
+};
+</script>
+
+<style lang="scss">
+.json-null {
+    color: #e08331;
+}
+</style>