diff --git a/index.html b/index.html
index da6d15622..339f7a119 100644
--- a/index.html
+++ b/index.html
@@ -10,9 +10,6 @@
     <!-- mapbox -->
     <script src="./src/lib/aframe-mapbox-component.min.js"></script>
 
-    <!-- save / load -->
-    <script src="./src/json-utils.js"></script>
-
     <!-- vr teleport controls -->
     <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls@0.4.3/dist/aframe-blink-controls.min.js"></script>
 
@@ -68,7 +65,7 @@
     <div class="right-fixed">
       <ul class="right-menu">
         <li onclick="buttonScreenshotTock()"> <a class="camera"  href="#"> <span> Capture image as PNG </span> <img src="ui_assets/camera-icon.svg"> </a></li>
-        <li onclick="inputStreetmix()"> <a class="load"  href="#"> <span> Load Streetmix URL </span> <img src="ui_assets/streetmix-logo.svg"> </a></li>
+        <li onclick="STREET.utils.inputStreetmix()"> <a class="load"  href="#"> <span> Load Streetmix URL </span> <img src="ui_assets/streetmix-logo.svg"> </a></li>
         <!-- <li onclick="inputJSON()"> <a class="load"  href="#"> <span> Load JSON String </span> <img src="assets/ui_assets/upload-icon.svg"> </a></li> -->
         <li><a class="load"> <label for="inputfile" style="display: inherit; align-items: center; cursor: pointer"> <input type="file" id="inputfile" style="display:none" accept=".js, .json, .txt"> <span> Load JSON File </span> <img src="ui_assets/upload-icon.svg"></label></a></li>
       </ul>
@@ -123,7 +120,7 @@
   <script>
 
     document.getElementById('inputfile')
-            .addEventListener('change', fileJSON);
+            .addEventListener('change', STREET.utils.fileJSON);
 
     function buttonScreenshotTock() {
       const screenshotEl = document.getElementById('screenshot');
diff --git a/src/index.js b/src/index.js
index e1b51f153..e57119081 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,7 @@ require('babel-polyfill');
 if (typeof VERSION !== 'undefined') { console.log(`3DStreet Version: ${VERSION} (Date: ${new Date(COMMIT_DATE).toISOString().split('T')[0]}, Commit Hash: #${COMMIT_HASH})`); }
 var streetmixParsers = require('./aframe-streetmix-parsers');
 var streetmixUtils = require('./tested/streetmix-utils');
+require('./json-utils.js');
 require('./components/gltf-part');
 require('./components/ocean');
 require('./lib/aframe-cursor-teleport-component.min.js');
diff --git a/src/json-utils.js b/src/json-utils.js
index e72d13b06..a287ec911 100644
--- a/src/json-utils.js
+++ b/src/json-utils.js
@@ -1,7 +1,7 @@
 /* global AFRAME, Node */
 /* version: 1.0 */
 
-var STREET = {};
+window.STREET = {};
 var assetsUrl;
 STREET.utils = {};
 
@@ -60,6 +60,8 @@ function convertDOMElToObject (entity) {
   };
 }
 
+STREET.utils.convertDOMElToObject = convertDOMElToObject;
+
 function getElementData (entity) {
   if (!entity.isEntity) {
     return;
@@ -183,7 +185,7 @@ const renameProps = {
   intersection: 'not-intersection'
 };
 
-function filterJSONstreet (removeProps, renameProps, streetJSON) {
+function filterJSONstreet (streetJSON) {
   function removeValueCheck (removeVal, value) {
     if (AFRAME.utils.deepEqual(removeVal, value) || removeVal === '*') {
       return true;
@@ -229,6 +231,8 @@ function filterJSONstreet (removeProps, renameProps, streetJSON) {
   return stringJSON;
 }
 
+STREET.utils.filterJSONstreet = filterJSONstreet;
+
 /**
  * function from 3dstreet-editor/src/lib/entity.js
  * Gets the value for a component or component's property coming from mixins of
@@ -375,6 +379,8 @@ function createEntities (entitiesData, parentEl) {
   }
 }
 
+STREET.utils.createEntities = createEntities;
+
 /*
 Add a new entity with a list of components and children (if exists)
  * @param {object} entityData Entity definition to add:
@@ -559,7 +565,7 @@ AFRAME.registerComponent('set-loader-from-hash', {
           '[set-loader-from-hash]',
           '200 response received and JSON parsed, now createElementsFromJSON'
         );
-        createElementsFromJSON(jsonData);
+        STREET.utils.createElementsFromJSON(jsonData);
         const sceneId = getUUIDFromPath(requestURL);
         if (sceneId) {
           console.log('sceneId from fetchJSON from url hash loader', sceneId);
@@ -617,6 +623,8 @@ function inputStreetmix () {
     '""></a-entity>';
 }
 
+STREET.utils.inputStreetmix = inputStreetmix;
+
 // JSON loading starts here
 function getValidJSON (stringJSON) {
   // Preserve newlines, etc. - use valid JSON
@@ -651,6 +659,8 @@ function createElementsFromJSON (streetJSON) {
   STREET.notify.successMessage('Scene loaded from JSON');
 }
 
+STREET.utils.createElementsFromJSON = createElementsFromJSON;
+
 // viewer widget click to paste json string of 3dstreet scene
 function inputJSON () {
   const stringJSON = prompt('Please paste 3DStreet JSON string');
@@ -669,3 +679,6 @@ function fileJSON () {
   };
   reader.readAsText(this.files[0]);
 }
+
+// temporarily place the UI function in utils, which is used in index.html.
+STREET.utils.fileJSON = fileJSON;