diff --git a/client/components/admin.vue b/client/components/admin.vue
index 92684c7a..3c35e55a 100644
--- a/client/components/admin.vue
+++ b/client/components/admin.vue
@@ -68,6 +68,9 @@
             v-list-item(to='/editor', disabled)
               v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-playlist-edit
               v-list-item-title {{ $t('admin:editor.title') }}
+            v-list-item(to='/extensions')
+              v-list-item-avatar(size='24', tile): v-icon mdi-chip
+              v-list-item-title {{ $t('admin:extensions.title') }}
             v-list-item(to='/logging', disabled)
               v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-script-text-outline
               v-list-item-title {{ $t('admin:logging.title') }}
@@ -170,6 +173,7 @@ const router = new VueRouter({
     { path: '/auth', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-auth.vue') },
     { path: '/rendering', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-rendering.vue') },
     { path: '/editor', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-editor.vue') },
+    { path: '/extensions', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-extensions.vue') },
     { path: '/logging', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-logging.vue') },
     { path: '/search', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-search.vue') },
     { path: '/storage', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-storage.vue') },
diff --git a/client/components/admin/admin-extensions.vue b/client/components/admin/admin-extensions.vue
new file mode 100644
index 00000000..f1186b72
--- /dev/null
+++ b/client/components/admin/admin-extensions.vue
@@ -0,0 +1,170 @@
+<template lang='pug'>
+  v-container(fluid, grid-list-lg)
+    v-layout(row wrap)
+      v-flex(xs12)
+        .admin-header
+          img.animated.fadeInUp(src='/svg/icon-installing-updates.svg', alt='Extensions', style='width: 80px;')
+          .admin-header-title
+            .headline.primary--text.animated.fadeInLeft {{ $t('admin:extensions.title') }}
+            .subtitle-1.grey--text.animated.fadeInLeft {{ $t('admin:extensions.subtitle') }}
+        v-form.pt-3
+          v-layout(row wrap)
+            v-flex(xl6 lg8 xs12)
+              v-alert.mb-4(outlined, color='error', icon='mdi-alert')
+                span New extensions cannot be installed at the moment. This feature is coming in a future release.
+              v-expansion-panels.admin-extensions-exp(hover, popout)
+                v-expansion-panel(v-for='ext of extensions')
+                  v-expansion-panel-header(disable-icon-rotate)
+                    span {{ext.title}}
+                    template(v-slot:actions)
+                      v-chip(label, color='success', small, v-if='ext.installed') Installed
+                      v-chip(label, color='warning', small, v-else) Not Installed
+                  v-expansion-panel-content.pa-0
+                    v-card.grey.lighten-5.radius-7(flat)
+                      v-card-text
+                        .body-2 {{ext.description}}
+                        v-divider.my-4
+                        .body-2
+                          strong.mr-3 Supported Platforms:
+                          v-chip.mr-1(label, small, :color='ext.platforms[`linux-amd64`] ? `success` : `error`') Linux (x64)
+                          v-chip.mr-1(label, small, :color='ext.platforms[`linux-arm64`] ? `success` : `error`') Linux (arm64)
+                          v-chip.mr-1(label, small, :color='ext.platforms[`linux-armv7`] ? `success` : `error`') Linux (armv7)
+                          v-chip.mr-1(label, small, :color='ext.platforms.macos ? `success` : `error`') MacOS
+                          v-chip.mr-1(label, small, :color='ext.platforms.windows ? `success` : `error`') Windows
+                      v-card-chin
+                        v-spacer
+                        v-btn(disabled)
+                          v-icon(left) mdi-plus
+                          span Install
+
+</template>
+
+<script>
+import _ from 'lodash'
+import gql from 'graphql-tag'
+
+export default {
+  data() {
+    return {
+      config: {},
+      extensions: [
+        {
+          title: 'Git',
+          description: 'Distributed version control system. Required for the Git storage module.',
+          platforms: {
+            'linux-amd64': true,
+            'linux-arm64': true,
+            'linux-armv7': true,
+            'macos': true,
+            'windows': true
+          },
+          installed: true
+        },
+        {
+          title: 'Pandoc',
+          description: 'Convert between markup formats. Required for converting from other formats such as MediaWiki, AsciiDoc, Textile and other wikis.',
+          platforms: {
+            'linux-amd64': true,
+            'linux-arm64': false,
+            'linux-armv7': false,
+            'macos': true,
+            'windows': true
+          },
+          installed: false
+        },
+        {
+          title: 'Puppeteer',
+          description: 'Headless chromium browser for server-side rendering. Required for generating PDF versions of pages and render content elements on the server (e.g. Mermaid diagrams)',
+          platforms: {
+            'linux-amd64': true,
+            'linux-arm64': false,
+            'linux-armv7': false,
+            'macos': true,
+            'windows': true
+          },
+          installed: false
+        },
+        {
+          title: 'Sharp',
+          description: 'Process and transform images. Required to generate thumbnails of uploaded images and perform transformations.',
+          platforms: {
+            'linux-amd64': true,
+            'linux-arm64': false,
+            'linux-armv7': false,
+            'macos': true,
+            'windows': true
+          },
+          installed: false
+        }
+      ]
+    }
+  },
+  computed: {
+  },
+  methods: {
+    async save () {
+      try {
+        await this.$apollo.mutate({
+          mutation: gql`
+            mutation (
+              $host: String!
+            ) {
+              site {
+                updateConfig(
+                  host: $host
+                ) {
+                  responseResult {
+                    succeeded
+                    errorCode
+                    slug
+                    message
+                  }
+                }
+              }
+            }
+          `,
+          variables: {
+            host: _.get(this.config, 'host', '')
+          },
+          watchLoading (isLoading) {
+            this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-site-update')
+          }
+        })
+        this.$store.commit('showNotification', {
+          style: 'success',
+          message: 'Configuration saved successfully.',
+          icon: 'check'
+        })
+      } catch (err) {
+        this.$store.commit('pushGraphError', err)
+      }
+    }
+  }
+  // apollo: {
+  //   config: {
+  //     query: gql`
+  //       {
+  //         site {
+  //           config {
+  //             host
+  //           }
+  //         }
+  //       }
+  //     `,
+  //     fetchPolicy: 'network-only',
+  //     update: (data) => _.cloneDeep(data.site.config),
+  //     watchLoading (isLoading) {
+  //       this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-site-refresh')
+  //     }
+  //   }
+  // }
+}
+</script>
+
+<style lang='scss'>
+.admin-extensions-exp {
+  .v-expansion-panel-content__wrap {
+    padding: 0;
+  }
+}
+</style>
diff --git a/client/static/svg/icon-installing-updates.svg b/client/static/svg/icon-installing-updates.svg
new file mode 100644
index 00000000..3859fb2e
--- /dev/null
+++ b/client/static/svg/icon-installing-updates.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="96px" height="96px"><linearGradient id="0chxHQbYOPc8vhUvRKpz3a" x1="32" x2="32" y1="12.745" y2="38.309" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3a)" d="M34,28V17c0-0.552-0.448-1-1-1h-2c-0.552,0-1,0.448-1,1v11c0,0.552-0.448,1-1,1h-2.178 c-0.789,0-1.267,0.871-0.844,1.537l4.335,6.812c0.786,1.235,2.589,1.235,3.375,0l4.335-6.812C38.446,29.871,37.967,29,37.178,29H35 C34.448,29,34,28.552,34,28z"/><g><linearGradient id="0chxHQbYOPc8vhUvRKpz3b" x1="32" x2="32" y1="2.277" y2="56.295" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3b)" d="M54,27h-1.896c-0.436,0-0.824-0.283-0.944-0.689c-0.394-1.328-0.928-2.617-1.587-3.832 c-0.204-0.374-0.131-0.851,0.177-1.158l1.341-1.341c1.559-1.56,1.559-4.098,0-5.657l-1.414-1.414c-1.511-1.512-4.146-1.512-5.657,0 l-1.342,1.342c-0.309,0.309-0.785,0.38-1.16,0.177c-1.228-0.669-2.517-1.205-3.831-1.596C37.283,12.71,37,12.321,37,11.887V10 c0-2.206-1.794-4-4-4h-2c-2.206,0-4,1.794-4,4v1.887c0,0.435-0.283,0.823-0.687,0.943c-1.314,0.392-2.604,0.928-3.832,1.597 c-0.375,0.203-0.852,0.132-1.16-0.177l-1.342-1.342c-1.511-1.512-4.146-1.512-5.657,0l-1.414,1.414 c-1.559,1.56-1.559,4.098,0,5.657l1.341,1.34c0.308,0.309,0.381,0.785,0.177,1.16c-0.662,1.217-1.198,2.506-1.593,3.832 C12.712,26.717,12.324,27,11.89,27H10c-2.206,0-4,1.794-4,4v2c0,2.206,1.794,4,4,4h1.896c0.436,0,0.824,0.283,0.944,0.689 c0.394,1.328,0.928,2.617,1.587,3.832c0.203,0.374,0.13,0.851-0.177,1.158l-1.341,1.341c-1.559,1.56-1.559,4.098,0,5.657 l1.414,1.414c1.511,1.512,4.146,1.512,5.657,0l1.342-1.342c0.308-0.31,0.785-0.38,1.16-0.177c1.228,0.669,2.517,1.205,3.831,1.596 C26.717,51.29,27,51.679,27,52.113V54c0,2.206,1.794,4,4,4h2c2.206,0,4-1.794,4-4v-1.887c0-0.435,0.283-0.823,0.687-0.943 c1.314-0.392,2.604-0.928,3.832-1.597c0.374-0.203,0.851-0.133,1.16,0.177l1.342,1.342c1.511,1.512,4.146,1.512,5.657,0 l1.414-1.414c1.559-1.56,1.559-4.098,0-5.657l-1.341-1.34c-0.308-0.309-0.381-0.785-0.177-1.16 c0.662-1.217,1.198-2.506,1.593-3.832C51.288,37.283,51.676,37,52.11,37H54c2.206,0,4-1.794,4-4v-2C58,28.794,56.206,27,54,27z M56,33c0,1.103-0.897,2-2,2h-1.89c-1.313,0-2.489,0.87-2.86,2.116c-0.355,1.194-0.838,2.354-1.433,3.449 c-0.624,1.147-0.41,2.599,0.52,3.529l1.341,1.34c0.779,0.78,0.779,2.049,0,2.829l-1.414,1.414c-0.756,0.756-2.073,0.756-2.829,0 l-1.341-1.342c-0.931-0.931-2.383-1.146-3.531-0.519c-1.105,0.601-2.265,1.084-3.447,1.436C35.87,49.625,35,50.802,35,52.113V54 c0,1.103-0.897,2-2,2h-2c-1.103,0-2-0.897-2-2v-1.887c0-1.312-0.87-2.488-2.117-2.861c-1.181-0.351-2.341-0.834-3.445-1.435 c-0.44-0.24-0.926-0.356-1.409-0.356c-0.777,0-1.548,0.301-2.122,0.875l-1.342,1.342c-0.756,0.756-2.073,0.756-2.829,0 l-1.414-1.414c-0.779-0.78-0.779-2.049,0-2.829l1.342-1.341c0.929-0.93,1.143-2.381,0.521-3.527 c-0.593-1.092-1.073-2.251-1.428-3.445C14.387,35.872,13.21,35,11.896,35H10c-1.103,0-2-0.897-2-2v-2c0-1.103,0.897-2,2-2h1.89 c1.313,0,2.489-0.87,2.86-2.116c0.355-1.194,0.838-2.354,1.433-3.449c0.624-1.147,0.41-2.599-0.52-3.529l-1.341-1.34 c-0.779-0.78-0.779-2.049,0-2.829l1.414-1.414c0.756-0.756,2.073-0.756,2.829,0l1.341,1.342c0.931,0.931,2.382,1.146,3.531,0.519 c1.105-0.601,2.265-1.084,3.447-1.436C28.13,14.375,29,13.198,29,11.887V10c0-1.103,0.897-2,2-2h2c1.103,0,2,0.897,2,2v1.887 c0,1.312,0.87,2.488,2.117,2.861c1.181,0.351,2.341,0.834,3.445,1.435c1.149,0.627,2.601,0.413,3.531-0.519l1.342-1.342 c0.756-0.756,2.073-0.756,2.829,0l1.414,1.414c0.779,0.78,0.779,2.049,0,2.829l-1.341,1.341c-0.93,0.929-1.144,2.38-0.521,3.527 c0.593,1.092,1.073,2.251,1.428,3.445C49.613,28.128,50.79,29,52.104,29H54c1.103,0,2,0.897,2,2V33z"/><linearGradient id="0chxHQbYOPc8vhUvRKpz3c" x1="32" x2="32" y1="2.277" y2="56.295" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3c)" d="M22,32c0-4.091,2.473-7.613,6-9.159V20.7c-4.653,1.653-8,6.087-8,11.3 c0,6.617,5.383,12,12,12s12-5.383,12-12c0-5.213-3.347-9.647-8-11.3v2.141c3.527,1.547,6,5.068,6,9.159c0,5.514-4.486,10-10,10 S22,37.514,22,32z"/><linearGradient id="0chxHQbYOPc8vhUvRKpz3d" x1="32" x2="32" y1="2.277" y2="56.295" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3d)" d="M36,16.527v2.063c5.775,1.726,10,7.081,10,13.41c0,7.72-6.28,14-14,14s-14-6.28-14-14 c0-6.329,4.225-11.684,10-13.41v-2.063C21.111,18.31,16,24.561,16,32c0,8.822,7.178,16,16,16s16-7.178,16-16 C48,24.561,42.889,18.31,36,16.527z"/></g></svg>
\ No newline at end of file
diff --git a/package.json b/package.json
index dd6e1943..7ec3e7b1 100644
--- a/package.json
+++ b/package.json
@@ -162,6 +162,7 @@
     "scim-query-filter-parser": "2.0.4",
     "semver": "7.3.2",
     "serve-favicon": "2.5.0",
+    "sharp": "0.25.2",
     "simple-git": "1.132.0",
     "solr-node": "1.2.1",
     "sqlite3": "4.1.1",
diff --git a/yarn.lock b/yarn.lock
index 45b2fb0a..782de0bd 100644
Binary files a/yarn.lock and b/yarn.lock differ