diff --git a/cds-ui/client/package.json b/cds-ui/client/package.json
index 8963be3..04dd308 100644
--- a/cds-ui/client/package.json
+++ b/cds-ui/client/package.json
@@ -28,11 +28,13 @@
         "@ngrx/store": "^6.1.2",
         "@ngrx/store-devtools": "^6.1.2",
         "@types/d3": "^5.7.0",
+        "ang-jsoneditor": "1.6.1",
         "core-js": "^2.5.4",
         "d3": "^5.9.1",
         "file-saver": "^2.0.1",
         "font-awesome": "^4.7.0",
         "hammerjs": "^2.0.8",
+        "jsoneditor": "^5.31.1",
         "jszip": "^3.2.0",
         "material-design-icons": "^3.0.1",
         "ng2-ace-editor": "^0.3.9",
diff --git a/cds-ui/client/src/styles.scss b/cds-ui/client/src/styles.scss
index 10d5577..54eb746 100644
--- a/cds-ui/client/src/styles.scss
+++ b/cds-ui/client/src/styles.scss
@@ -20,7 +20,7 @@
 */
 
 /* You can add global styles to this file, and also import other style files */
-
+@import "~jsoneditor/dist/jsoneditor.min.css";
 .mat-card:not([class*=mat-elevation-z]) {
     box-shadow: none !important;
 }