diff --git a/src/Umbraco.Web.UI.Client/src/views/content/content.rollback.controller.js b/src/Umbraco.Web.UI.Client/src/views/content/content.rollback.controller.js
new file mode 100644
index 0000000000..bf830fc900
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/content/content.rollback.controller.js
@@ -0,0 +1,68 @@
+(function () {
+    "use strict";
+
+    function ContentRollbackController($scope, $timeout) {
+
+        var vm = this;
+
+        vm.rollback = rollback;
+        vm.loadVersion = loadVersion;
+        vm.closeDialog = closeDialog;
+
+        function onInit() {
+
+            vm.loading = true;
+            vm.variantVersions = [];
+
+            // fake load versions
+            var currentLanguage = $scope.currentNode.metaData.culture;
+            $timeout(function(){
+                vm.versions = {
+                    "currentVersion": {
+                        "id": 1,
+                        "name": "Variant name (Created: 22/08/2018 13.32)"
+                    },
+                    "previousVersions": [
+                        {
+                            "id": 1,
+                            "name": "Variant name (Created: 22/08/2018 13.32)"
+                        },
+                        {
+                            "id": 2,
+                            "name": "Variant name (Created: 21/08/2018 19.25)"
+                        },
+                        {
+                            "id": 3,
+                            "name": "Variant name (Created: 15/08/2018 22.11)"
+                        }
+                    ]
+                };
+                vm.loading = false;
+            }, 200);
+        }
+
+        function rollback() {
+            console.log("rollback");
+        }
+
+        /**
+         * This will load in a new version
+         */
+        function loadVersion(id) {
+            console.log("load version", id);
+        }
+
+        /**
+         * This will close the dialog
+         */
+        function closeDialog() {
+            $scope.nav.hideDialog();
+        }
+
+        onInit();
+
+    }
+
+    angular.module("umbraco").controller("Umbraco.Editors.Content.RollbackController", ContentRollbackController);
+
+})();
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/views/content/rollback.html b/src/Umbraco.Web.UI.Client/src/views/content/rollback.html
new file mode 100644
index 0000000000..f90051dd42
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/content/rollback.html
@@ -0,0 +1,55 @@
+<div ng-controller="Umbraco.Editors.Content.RollbackController as vm">
+
+    <div class="umb-dialog-body" ng-cloak>
+
+        <umb-load-indicator ng-if="vm.loading"></umb-load-indicator>
+
+        <div class="umb-pane" ng-show="!vm.loading">
+
+            <div>
+                <h5>Rollback {{ currentNode.name }}</h5>
+                <p class="abstract ng-scope">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel semper nibh, sed posuere nulla. Vestibulum viverra libero at rutrum ultricies.</p>
+                </p>
+            
+                <h5><localize key="rollback_currentVersion"></localize></h5>
+                <p>{{vm.versions.currentVersion.name}}</p>
+                
+                <h5><localize key="rollback_rollbackTo"></localize></h5>
+                <select 
+                    class="input-block-level"
+                    ng-model="vm.selectedVersion"
+                    ng-options="version.name for version in vm.versions.previousVersions track by version.id"
+                    ng-change="vm.loadVersion(vm.selectedVersion.id)">
+                    <option value=""><localize key="general_choose">Choose</localize>...</option>
+                </select>
+            </div>
+
+            <div class="diff">
+                <localize key="rollback_diffHelp"></localize>
+            </div>
+                
+        </div>
+    </div>
+
+    <div class="umb-dialog-footer btn-toolbar umb-btn-toolbar">
+
+        <umb-button
+            label-key="general_close"
+            disabled="vm.saveState === 'busy'"
+            action="vm.closeDialog()"
+            type="button"
+            button-style="link">
+        </umb-button>
+
+        <umb-button
+            label-key="buttons_rollback"
+            disabled="vm.saveState === 'busy'"
+            state="vm.saveState"
+            action="vm.rollback()"
+            type="button"
+            button-style="success">
+        </umb-button>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml b/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
index 14e5b64fff..83ce2ae176 100644
--- a/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
+++ b/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
@@ -126,7 +126,6 @@
         <key alias="relations">Edit relations</key>
         <key alias="returnToList">Return to list</key>
         <key alias="save">Save</key>
-        
         <key alias="saveAndClose">Save and close</key>
         <key alias="saveAndPublish">Publish</key>
         <key alias="saveAndPublishMany">Publish…</key>
@@ -143,6 +142,7 @@
         <key alias="saveAndGenerateModels">Save and generate models</key>
         <key alias="undo">Undo</key>
         <key alias="redo">Redo</key>
+        <key alias="rollback">Rollback</key>
         <key alias="deleteTag">Delete tag</key>
         <key alias="confirmActionCancel">Cancel</key>
         <key alias="confirmActionConfirm">Confirm</key>