diff --git a/package-lock.json b/package-lock.json
index f94e9ae..7ca39a1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1817,6 +1817,37 @@
       "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
       "dev": true
     },
+    "axios": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz",
+      "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
+      "requires": {
+        "follow-redirects": "1.5.10"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "follow-redirects": {
+          "version": "1.5.10",
+          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
+          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+          "requires": {
+            "debug": "=3.1.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
     "babel-code-frame": {
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
@@ -4675,11 +4706,6 @@
         "mime-types": "^2.1.12"
       }
     },
-    "form-urlencoded": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/form-urlencoded/-/form-urlencoded-1.2.0.tgz",
-      "integrity": "sha1-Fs4sr6dtLki55ROrcjIorqWZM5Y="
-    },
     "forwarded": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
@@ -6643,11 +6669,6 @@
       "integrity": "sha1-vsECT4WxvZbL6kBbI8FK1kQ6b4E=",
       "dev": true
     },
-    "lodash.get": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
-      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk="
-    },
     "lodash.kebabcase": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
@@ -8470,7 +8491,8 @@
     "querystring": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
-      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA="
+      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
+      "dev": true
     },
     "querystring-es3": {
       "version": "0.2.1",
@@ -8818,7 +8840,8 @@
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
     },
     "resolve": {
       "version": "1.10.0",
@@ -10333,33 +10356,6 @@
         }
       }
     },
-    "unsplash-js": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/unsplash-js/-/unsplash-js-4.8.0.tgz",
-      "integrity": "sha1-ilqMy985QQ/7n91fBO0mUepkQ0k=",
-      "requires": {
-        "form-urlencoded": "1.2.0",
-        "lodash.get": "4.4.2",
-        "querystring": "0.2.0",
-        "url-parse": "1.2.0"
-      },
-      "dependencies": {
-        "querystringify": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-1.0.0.tgz",
-          "integrity": "sha1-YoYkIRLFtxL6ZU5SZlK/ahP/Bcs="
-        },
-        "url-parse": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.2.0.tgz",
-          "integrity": "sha512-DT1XbYAfmQP65M/mE6OALxmXzZ/z1+e5zk2TcSKe/KiYbNGZxgtttzC0mR/sjopbpOXcbniq7eIKmocJnUWlEw==",
-          "requires": {
-            "querystringify": "~1.0.0",
-            "requires-port": "~1.0.0"
-          }
-        }
-      }
-    },
     "upath": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.0.tgz",
diff --git a/package.json b/package.json
index 903bf69..ef8439f 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,8 @@
     "deploy": "npm run build && deploy.sh"
   },
   "dependencies": {
+    "axios": "^0.19.2",
     "bulma": "^0.7.2",
-    "unsplash-js": "^4.8.0",
     "vue": "^2.5.21",
     "vue-resize": "^0.4.5"
   },
diff --git a/src/App.vue b/src/App.vue
index 510de12..1c86f0b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,11 +4,8 @@
     id="app"
     v-if="loaded"
   >
-
-    <not-configured v-if="!$Unsplash.Instance" />
-
     <preview-selected
-      v-else-if="photo"
+      v-if="photo"
       :disabled="disabled"
       :photo="photo"
       @clear-photo="clearPhoto()"
@@ -30,7 +27,6 @@
 </template>
 
 <script>
-import NotConfigured from './components/not-configured'
 import PreviewSelected from './components/preview-selected'
 import UnsplashSelector from './components/unsplash-selector'
 
@@ -46,7 +42,6 @@ export default {
     }
   },
   components: {
-    NotConfigured,
     PreviewSelected,
     UnsplashSelector,
   },
@@ -88,14 +83,6 @@ export default {
       }
 
       this.disabled = this.element.disabled
-
-      // Instantiate Unsplash API
-      if(this.element.config && this.element.config.accessKey && this.element.config.secretKey) {
-        this.$Unsplash.createInstance({
-          applicationId: this.element.config.accessKey,
-          secret: this.element.config.secretKey
-        })
-      }
       this.loaded = true
       this.$CustomElement.updateSize()
     })
diff --git a/src/components/not-configured.vue b/src/components/not-configured.vue
deleted file mode 100644
index 49053d2..0000000
--- a/src/components/not-configured.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <div>
-    <div class="notification is-danger">
-      <p>Unsplash API keys not configured.</p>
-      <p>Please make sure to configure the parameters JSON in custom element configuration.</p>
-    </div>
-
-    <div class="box">
-      <p class="content">
-        To get the Unsplash keys, you must:
-        <ol>
-          <li>Sign up for an Unsplash account</li>
-          <li>Go to https://unsplash.com/oauth/applications</li>
-          <li>Create a new application</li>
-          <li>Open the application and scroll down to find the keys</li>
-        </ol>
-      </p>
-      <div class="field">
-        <label class="label">Unsplash Access Key</label>
-        <div class="control">
-          <input
-            class="input"
-            type="text"
-            placeholder="Your Unsplash application's Access Key"
-            v-model="UnsplashAccessKey"
-            >
-        </div>
-      </div>
-      <div class="field">
-        <label class="label">Unsplash Secret Key</label>
-        <div class="control">
-          <input
-            class="input"
-            type="text"
-            placeholder="Your Unsplash application's Secret Key"
-            v-model="UnsplashSecretKey"
-            >
-        </div>
-      </div>
-      <div class="field">
-        <div class="control">
-          <label class="checkbox">
-            <input
-              type="checkbox"
-              v-model="EnableDebug"
-              >
-            Enable debug
-          </label>
-        </div>
-      </div>
-    </div>
-    Copy-Paste the below in the custom element's parameters field in the configuration options to use:
-    <pre>
-{
-    "accessKey": "{{UnsplashAccessKey}}",
-    "secretKey": "{{UnsplashSecretKey}}",
-    "debug": {{EnableDebug}}
-}
-</pre>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      UnsplashAccessKey: "",
-      UnsplashSecretKey: "",
-      EnableDebug: false,
-
-    }
-  }
-}
-</script>
-
diff --git a/src/components/unsplash-selector-search.vue b/src/components/unsplash-selector-search.vue
index 3d3a43b..102001f 100644
--- a/src/components/unsplash-selector-search.vue
+++ b/src/components/unsplash-selector-search.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script>
-import { toJson } from 'unsplash-js'
+import unsplash from '../unsplashApi'
 import UnsplashSelectorResults from './unsplash-selector-results'
 
 export default {
@@ -53,12 +53,9 @@ export default {
   methods: {
     searchPhotos(page) {
       this.nextPageToLoad = page ? page : this.nextPageToLoad
-      const unsplash = this.$Unsplash.Instance
-      if(this.searchTerm && unsplash) {
-        unsplash.search.photos(this.searchTerm, this.nextPageToLoad)
-        .then(toJson)
-        .then(json => {
-          this.searchResponse = json
+      if(this.searchTerm) {
+        unsplash.searchPhotos(this.searchTerm, this.nextPageToLoad).then(response =>{
+          this.searchResponse = response.data
           if(this.searchResults === null) {
             this.searchResults = this.searchResponse.results
           } else {
@@ -74,7 +71,7 @@ export default {
     },
     selectPhoto(photo) {
       // Tell Unsplash that the photo was selected
-      this.$Unsplash.Instance.photos.downloadPhoto(photo)
+      unsplash.trackDownload(photo.id)
       this.$emit('select-photo', photo)
     },
   },
diff --git a/src/main.js b/src/main.js
index b18c1e9..c83adfc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,7 +3,6 @@ import VueMasonry from 'vue-masonry-css'
 import VueResize from 'vue-resize'
 import App from './App.vue'
 import KenticoCloudCustomElement from './plugins/kentico-cloud-custom-element'
-import Unsplash from './plugins/unsplash'
 
 import 'bulma/css/bulma.css'
 import 'vue-resize/dist/vue-resize.css'
@@ -11,7 +10,6 @@ import 'vue-resize/dist/vue-resize.css'
 Vue.use(VueMasonry);
 Vue.use(VueResize);
 Vue.use(KenticoCloudCustomElement)
-Vue.use(Unsplash)
 
 Vue.config.productionTip = false
 
diff --git a/src/plugins/unsplash/index.js b/src/plugins/unsplash/index.js
deleted file mode 100644
index 9cd69a1..0000000
--- a/src/plugins/unsplash/index.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import Unsplash from 'unsplash-js'
-
-export default {
-  // eslint-disable-next-line no-unused-vars
-  install(vue, options) {
-    vue.prototype.$Unsplash = {
-      Instance: null,
-
-      createInstance(options) {
-        this.Instance = new Unsplash(options)
-      }
-    }
-  }
-}
diff --git a/src/unsplashApi.js b/src/unsplashApi.js
new file mode 100644
index 0000000..721ee3a
--- /dev/null
+++ b/src/unsplashApi.js
@@ -0,0 +1,14 @@
+import axios from 'axios'
+
+const _baseUrl = "https://kontentunsplash.azurewebsites.net"
+
+export default {
+  async searchPhotos(keyword, page) {
+    const url = `${_baseUrl}/search/photos?query=${encodeURIComponent(keyword)}&page=${page}`
+    return await axios.get(url);
+  },
+  trackDownload(id) {
+    const url = `${_baseUrl}/photos/${id}/download`
+    axios.get(url);
+  }
+}
\ No newline at end of file