diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less
index 46516c48d4..12c4b3794b 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less
@@ -1,3 +1,14 @@
+.umb-packages-view-title {
+    font-size: 20px;
+    font-weight: bold;
+    color: @black;
+    margin-bottom: 30px;
+}
+
+.umb-packages-view-wrapper {
+    padding: 20px 60px;
+}
+
 .umb-packages-search {
     width: 100%;
 
@@ -215,6 +226,11 @@
 	background-color: @blueDark;
 }
 
+.umb-era-button.-red-orange {
+    background-color: #FF3F34;
+    color: white;
+}
+
 .umb-era-button.-full-width {
     display: block;
     width: 100%;
@@ -438,3 +454,48 @@
     width: 100%;
     border-radius: 10px;
 }
+
+/* PACKAGE LIST */
+
+.umb-package-list {
+    display: flex;
+    flex-direction: column;
+}
+
+.umb-package-list__item {
+    display: flex;
+    flex-direction: row;
+    background: @grayLighter;
+    margin-bottom: 10px;
+    border-radius: 3px;
+    padding: 20px;
+    align-items: center;
+}
+
+.umb-package-list__item-icon {
+    flex: 0 0 50px;
+    margin-right: 20px;
+}
+
+.umb-package-list__item-content {
+    flex: 1 1 auto;
+    margin-right: 20px;
+}
+
+.umb-package-list__item-name {
+    font-size: 16px;
+    margin-bottom: 5px;
+    color: @black;
+    font-weight: bold;
+}
+
+.umb-package-list__item-description {
+    font-size: 14px;
+    color: @grayMed;
+}
+
+.umb-package-list__item-actions {
+    flex: 1 1 auto;
+    display: flex;
+    justify-content: flex-end;
+}
diff --git a/src/Umbraco.Web.UI.Client/src/views/packagesNew/views/installed.controller.js b/src/Umbraco.Web.UI.Client/src/views/packagesNew/views/installed.controller.js
new file mode 100644
index 0000000000..a4348df277
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/packagesNew/views/installed.controller.js
@@ -0,0 +1,69 @@
+(function () {
+    "use strict";
+
+    function PackagesInstalledController($scope, $route, $location) {
+
+        var vm = this;
+
+        vm.installedPackages = [
+            {
+                "id": 1,
+                "name": "uSightly",
+                "description": "An HTML5 audio player based on jPlayer",
+                "karma": "1",
+                "downloads": "1672",
+                "icon":"https://our.umbraco.org/media/wiki/150283/635768313097111400_usightlylogopng.png?bgcolor=fff&height=154&width=281&format=png"
+            },
+            {
+                "id": 2,
+                "name": "Kill IE6",
+                "description": "A simple port of the IE6 warning script (http://code.google.com/p/ie6-upgrade-warning/) to use in your Umbraco websites.",
+                "karma": "11",
+                "downloads": "688",
+                "icon":"https://our.umbraco.org/media/wiki/9138/634697622367666000_offroadcode-100x100.png?bgcolor=fff&height=154&width=281&format=png"
+            },
+            {
+                "id": 3,
+                "name": "Examine Media Indexer",
+                "description": "CogUmbracoExamineMediaIndexer",
+                "karma": "3",
+                "downloads": "1329",
+                "icon":"https://our.umbraco.org/media/wiki/50703/634782902373558000_cogworks.jpg?bgcolor=fff&height=154&width=281&format=png"
+            },
+            {
+                "id": 4,
+                "name": "SVG Icon Picker",
+                "description": "A picker, for picking icons from an SVG spritesheet.",
+                "karma": "5",
+                "downloads": "8",
+                "icon":"https://our.umbraco.org/media/wiki/154472/635997115126742822_logopng.png?bgcolor=fff&height=154&width=281&format=png"
+            },
+            {
+                "id": 5,
+                "name": "Pipeline CRM",
+                "description": "Pipeline is a social CRM that lives in Umbraco back-office. It tracks opportunities and helps teams collaborate with timelines and tasks. It stores information about your customers and your interactions with them. It integrates with your website, capturing opportunities from forms and powering personal portals.",
+                "karma": "3",
+                "downloads": "105",
+                "icon":"https://our.umbraco.org/media/wiki/152476/635917291068518788_pipeline-crm-logopng.png?bgcolor=fff&height=154&width=281&format=png"
+            },
+            {
+                "id": 6,
+                "name": "CodeMirror",
+                "description": "CodeMirror Editor for Umbraco",
+                "karma": "1",
+                "downloads": "70",
+                "icon":"https://our.umbraco.org/media/wiki/151028/635810233171153461_logopng.png?bgcolor=fff&height=154&width=281&format=png"
+            }
+        ];
+
+        vm.uninstallPackage = uninstallPackage;
+
+        function uninstallPackage(installedPackage) {
+            console.log(installedPackage);
+        }
+
+    }
+
+    angular.module("umbraco").controller("Umbraco.Editors.Packages.InstalledController", PackagesInstalledController);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/views/packagesNew/views/installed.html b/src/Umbraco.Web.UI.Client/src/views/packagesNew/views/installed.html
index 84376928ca..8550cfb00f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packagesNew/views/installed.html
+++ b/src/Umbraco.Web.UI.Client/src/views/packagesNew/views/installed.html
@@ -1 +1,26 @@
-Installed
+<div class="umb-packages-view-wrapper" ng-controller="Umbraco.Editors.Packages.InstalledController as vm">
+
+    <div class="umb-packages-view-title">Installed packages</div>
+
+    <div class="umb-package-list">
+
+        <div class="umb-package-list__item" ng-repeat="installedPackage in vm.installedPackages">
+
+            <div class="umb-package-list__item-icon">
+                <img ng-src="{{installedPackage.icon}}" />
+            </div>
+
+            <div class="umb-package-list__item-content">
+                <div class="umb-package-list__item-name">{{ installedPackage.name }}</div>
+                <div class="umb-package-list__item-description">{{ installedPackage.description }}</div>
+            </div>
+
+            <div class="umb-package-list__item-actions">
+                <button type="button" class="umb-era-button" ng-click="vm.uninstallPackage(installedPackage)">Uninstall</button>
+            </div>
+
+        </div>
+
+    </div>
+
+</div>