diff --git a/www/common/common-interface.js b/www/common/common-interface.js
new file mode 100644
index 000000000..e23756cec
--- /dev/null
+++ b/www/common/common-interface.js
@@ -0,0 +1,134 @@
+define([
+    '/customize/messages.js',
+    '/common/common-util.js',
+    '/customize/application_config.js',
+    '/bower_components/alertifyjs/dist/js/alertify.js',
+    '/bower_components/jquery/dist/jquery.min.js',
+], function (Messages, Util, AppConfig, Alertify) {
+    var $ = window.jQuery;
+
+    var UI = {};
+
+    /*
+     *  Alertifyjs
+     */
+    UI.Alertify = Alertify;
+
+    // set notification timeout
+    Alertify._$$alertify.delay = AppConfig.notificationTimeout || 5000;
+
+    var findCancelButton = UI.findCancelButton = function () {
+        return $('button.cancel');
+    };
+
+    var findOKButton = UI.findOKButton = function () {
+        return $('button.ok');
+    };
+
+    var listenForKeys = UI.listenForKeys = function (yes, no) {
+        var handler = function (e) {
+            switch (e.which) {
+                case 27: // cancel
+                    if (typeof(no) === 'function') { no(e); }
+                    no();
+                    break;
+                case 13: // enter
+                    if (typeof(yes) === 'function') { yes(e); }
+                    break;
+            }
+        };
+
+        $(window).keyup(handler);
+        return handler;
+    };
+
+    var stopListening = UI.stopListening = function (handler) {
+        $(window).off('keyup', handler);
+    };
+
+    UI.alert = function (msg, cb, force) {
+        cb = cb || function () {};
+        if (force !== true) { msg = Util.fixHTML(msg); }
+        var close = function (e) {
+            findOKButton().click();
+        };
+        var keyHandler = listenForKeys(close, close);
+        Alertify.alert(msg, function (ev) {
+            cb(ev);
+            stopListening(keyHandler);
+        });
+        window.setTimeout(function () {
+            findOKButton().focus();
+        });
+    };
+
+    UI.prompt = function (msg, def, cb, opt, force) {
+        opt = opt || {};
+        cb = cb || function () {};
+        if (force !== true) { msg = Util.fixHTML(msg); }
+
+        var keyHandler = listenForKeys(function (e) { // yes
+            findOKButton().click();
+        }, function (e) { // no
+            findCancelButton().click();
+        });
+
+        Alertify
+            .defaultValue(def || '')
+            .okBtn(opt.ok || Messages.okButton || 'OK')
+            .cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
+            .prompt(msg, function (val, ev) {
+                cb(val, ev);
+                stopListening(keyHandler);
+            }, function (ev) {
+                cb(null, ev);
+                stopListening(keyHandler);
+            });
+    };
+
+    UI.confirm = function (msg, cb, opt, force, styleCB) {
+        opt = opt || {};
+        cb = cb || function () {};
+        if (force !== true) { msg = Util.fixHTML(msg); }
+
+        var keyHandler = listenForKeys(function (e) {
+            findOKButton().click();
+        }, function (e) {
+            findCancelButton().click();
+        });
+
+        Alertify
+            .okBtn(opt.ok || Messages.okButton || 'OK')
+            .cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
+            .confirm(msg, function () {
+                cb(true);
+                stopListening(keyHandler);
+            }, function () {
+                cb(false);
+                stopListening(keyHandler);
+            });
+
+        window.setTimeout(function () {
+            var $ok = findOKButton();
+            var $cancel = findCancelButton();
+            if (opt.okClass) { $ok.addClass(opt.okClass); }
+            if (opt.cancelClass) { $cancel.addClass(opt.cancelClass); }
+            if (opt.reverseOrder) {
+                $ok.insertBefore($ok.prev());
+            }
+            if (typeof(styleCB) === 'function') {
+                styleCB($ok.closest('.dialog'));
+            }
+        }, 0);
+    };
+
+    UI.log = function (msg) {
+        Alertify.success(Util.fixHTML(msg));
+    };
+
+    UI.warn = function (msg) {
+        Alertify.error(Util.fixHTML(msg));
+    };
+
+    return UI;
+});
diff --git a/www/common/cryptpad-common.js b/www/common/cryptpad-common.js
index 9218c0022..75f7dad2d 100644
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@@ -4,15 +4,14 @@ define([
     '/common/fsStore.js',
     '/common/common-util.js',
     '/common/common-hash.js',
+    '/common/common-interface.js',
 
-    '/bower_components/alertifyjs/dist/js/alertify.js',
     '/common/clipboard.js',
-    '/common/pinpad.js', /* TODO
-load pinpad dynamically only after you know that it will be needed */
+    '/common/pinpad.js',
     '/customize/application_config.js',
 
     '/bower_components/jquery/dist/jquery.min.js',
-], function (Config, Messages, Store, Util, Hash, Alertify, Clipboard, Pinpad, AppConfig) {
+], function (Config, Messages, Store, Util, Hash, UI, Clipboard, Pinpad, AppConfig) {
 /*  This file exposes functionality which is specific to Cryptpad, but not to
     any particular pad type. This includes functions for committing metadata
     about pads to your local storage for future use and improved usability.
@@ -23,7 +22,6 @@ load pinpad dynamically only after you know that it will be needed */
 
     var common = window.Cryptpad = {
         Messages: Messages,
-        Alertify: Alertify,
         Clipboard: Clipboard
     };
 
@@ -42,6 +40,16 @@ load pinpad dynamically only after you know that it will be needed */
     var store;
     var rpc;
 
+    // import UI elements
+    var findCancelButton = common.findCancelButton = UI.findCancelButton;
+    var findOKButton = common.findOKButton = UI.findOKButton;
+    var listenForKeys = common.listenForKeys = UI.listenForKeys;
+    var stopListening = common.stopListening = UI.stopListening;
+    common.prompt = UI.prompt;
+    common.confirm = UI.confirm;
+    common.log = UI.log;
+    common.warn = UI.warn;
+
     // import common utilities for export
     var find = common.find = Util.find;
     var fixHTML = common.fixHTML = Util.fixHTML;
@@ -1180,121 +1188,6 @@ load pinpad dynamically only after you know that it will be needed */
         return $userAdmin;
     };
 
-    /*
-     *  Alertifyjs
-     */
-    var findCancelButton = common.findCancelButton = function () {
-        return $('button.cancel');
-    };
-
-    var findOKButton = common.findOKButton = function () {
-        return $('button.ok');
-    };
-
-    var listenForKeys = common.listenForKeys = function (yes, no) {
-        var handler = function (e) {
-            switch (e.which) {
-                case 27: // cancel
-                    if (typeof(no) === 'function') { no(e); }
-                    no();
-                    break;
-                case 13: // enter
-                    if (typeof(yes) === 'function') { yes(e); }
-                    break;
-            }
-        };
-
-        $(window).keyup(handler);
-        return handler;
-    };
-
-    var stopListening = common.stopListening = function (handler) {
-        $(window).off('keyup', handler);
-    };
-
-    common.alert = function (msg, cb, force) {
-        cb = cb || function () {};
-        if (force !== true) { msg = fixHTML(msg); }
-        var close = function (e) {
-            findOKButton().click();
-        };
-        var keyHandler = listenForKeys(close, close);
-        Alertify.alert(msg, function (ev) {
-            cb(ev);
-            stopListening(keyHandler);
-        });
-        window.setTimeout(function () {
-            findOKButton().focus();
-        });
-    };
-
-    common.prompt = function (msg, def, cb, opt, force) {
-        opt = opt || {};
-        cb = cb || function () {};
-        if (force !== true) { msg = fixHTML(msg); }
-
-        var keyHandler = listenForKeys(function (e) { // yes
-            findOKButton().click();
-        }, function (e) { // no
-            findCancelButton().click();
-        });
-
-        Alertify
-            .defaultValue(def || '')
-            .okBtn(opt.ok || Messages.okButton || 'OK')
-            .cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
-            .prompt(msg, function (val, ev) {
-                cb(val, ev);
-                stopListening(keyHandler);
-            }, function (ev) {
-                cb(null, ev);
-                stopListening(keyHandler);
-            });
-    };
-
-    common.confirm = function (msg, cb, opt, force, styleCB) {
-        opt = opt || {};
-        cb = cb || function () {};
-        if (force !== true) { msg = fixHTML(msg); }
-
-        var keyHandler = listenForKeys(function (e) {
-            findOKButton().click();
-        }, function (e) {
-            findCancelButton().click();
-        });
-
-        Alertify
-            .okBtn(opt.ok || Messages.okButton || 'OK')
-            .cancelBtn(opt.cancel || Messages.cancelButton || 'Cancel')
-            .confirm(msg, function () {
-                cb(true);
-                stopListening(keyHandler);
-            }, function () {
-                cb(false);
-                stopListening(keyHandler);
-            });
-
-        window.setTimeout(function () {
-            var $ok = findOKButton();
-            var $cancel = findCancelButton();
-            if (opt.okClass) { $ok.addClass(opt.okClass); }
-            if (opt.cancelClass) { $cancel.addClass(opt.cancelClass); }
-            if (opt.reverseOrder) {
-                $ok.insertBefore($ok.prev());
-            }
-            if (typeof(styleCB) === 'function') {
-                styleCB($ok.closest('.dialog'));
-            }
-        }, 0);
-    };
-
-    common.log = function (msg) {
-        Alertify.success(fixHTML(msg));
-    };
-
-    common.warn = function (msg) {
-        Alertify.error(fixHTML(msg));
-    };
 
     /*
      *  spinner
@@ -1351,7 +1244,7 @@ load pinpad dynamically only after you know that it will be needed */
             $(function() {
                 // Race condition : if document.body is undefined when alertify.js is loaded, Alertify
                 // won't work. We have to reset it now to make sure it uses a correct "body"
-                Alertify.reset();
+                UI.Alertify.reset();
 
                 // Load the new pad when the hash has changed
                 var oldHash  = document.location.hash.slice(1);
@@ -1425,7 +1318,5 @@ load pinpad dynamically only after you know that it will be needed */
         Messages._applyTranslation();
     });
 
-    Alertify._$$alertify.delay = AppConfig.notificationTimeout || 5000;
-
     return common;
 });