diff --git a/app/docker/components/host-view-panels/host-details-panel/host-details-panel-controller.js b/app/docker/components/host-view-panels/host-details-panel/host-details-panel-controller.js
new file mode 100644
index 000000000..c64c41a26
--- /dev/null
+++ b/app/docker/components/host-view-panels/host-details-panel/host-details-panel-controller.js
@@ -0,0 +1,4 @@
+angular.module('portainer.docker')
+.controller('HostDetailsPanelController', [function HostDetailsPanelController(){
+  
+}]);
diff --git a/app/docker/components/host-view-panels/host-details-panel/host-details-panel.html b/app/docker/components/host-view-panels/host-details-panel/host-details-panel.html
new file mode 100644
index 000000000..0927f3b6c
--- /dev/null
+++ b/app/docker/components/host-view-panels/host-details-panel/host-details-panel.html
@@ -0,0 +1,45 @@
+<div class="row">
+  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+    <rd-widget>
+      <rd-widget-header icon="fa-code" title-text="Host Details"></rd-widget-header>
+      <rd-widget-body classes="no-padding">
+        <table class="table">
+          <tbody>
+            <tr>
+              <td>Hostname</td>
+              <td>{{ $ctrl.host.name }}</td>
+            </tr>
+            <tr>
+              <td>OS Information</td>
+              <td>{{ $ctrl.host.os.type }} {{$ctrl.host.os.arch}} {{$ctrl.host.os.name}}</td>
+            </tr>
+            <tr>
+              <td>Kernel Version</td>
+              <td>{{ $ctrl.host.kernelVersion }}</td>
+            </tr>
+            <tr>
+              <td>Total CPU</td>
+              <td>{{ $ctrl.host.totalCPU }}</td>
+            </tr>
+            <tr>
+              <td>Total memory</td>
+              <td>{{ $ctrl.host.totalMemory }}</td>
+            </tr>
+            <tr ng-if="$ctrl.isAgent">
+              <td>Physical device information</td>
+              <td>{{ $ctrl.host.physicalDeviceInfo }}</td>
+            </tr>
+            <tr ng-if="$ctrl.isAgent">
+              <td>Installed PCI devices</td>
+              <td>{{ $ctrl.host.pciDevices }}</td>
+            </tr>
+            <tr ng-if="$ctrl.isAgent">
+              <td>Physical disk</td>
+              <td>{{ $ctrl.host.physicalDisk }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </rd-widget-body>
+    </rd-widget>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/docker/components/host-view-panels/host-details-panel/host-details-panel.js b/app/docker/components/host-view-panels/host-details-panel/host-details-panel.js
new file mode 100644
index 000000000..9cb3d6349
--- /dev/null
+++ b/app/docker/components/host-view-panels/host-details-panel/host-details-panel.js
@@ -0,0 +1,8 @@
+angular.module('portainer.docker').component('hostDetailsPanel', {
+  templateUrl:
+    'app/docker/components/host-view-panels/host-details-panel/host-details-panel.html',
+  controller: 'HostDetailsPanelController',
+  bindings: {
+    host: '<'
+  }
+});