diff --git a/ui/index.jsp b/ui/index.jsp
index 60f3cc3832c..78bcce3a6e1 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -1763,6 +1763,8 @@
         <script type="text/javascript" src="scripts/ui-custom/granularSettings.js?t=<%=now%>"></script>
         <script type="text/javascript" src="scripts/ui-custom/zoneChart.js?t=<%=now%>"></script>
         <script type="text/javascript" src="scripts/ui-custom/dashboard.js?t=<%=now%>"></script>
+        <script type="text/javascript" src="scripts/ui-custom/metricsView.js?t=<%=now%>"></script>
+        <script type="text/javascript" src="scripts/metrics.js?t=<%=now%>"></script>
         <script type="text/javascript" src="scripts/installWizard.js?t=<%=now%>"></script>
         <script type="text/javascript" src="scripts/ui-custom/installWizard.js?t=<%=now%>"></script>
         <script type="text/javascript" src="scripts/projects.js?t=<%=now%>"></script>
diff --git a/ui/scripts/metrics.js b/ui/scripts/metrics.js
new file mode 100644
index 00000000000..c9ffcb1a73c
--- /dev/null
+++ b/ui/scripts/metrics.js
@@ -0,0 +1,38 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+(function(cloudStack) {
+    cloudStack.sections.metrics = {
+        title: 'label.metrics',
+        listView: {
+            id: 'metrics',
+            fields: {
+                name: {
+                    label: 'label.name'
+                }
+            },
+            dataProvider: function(args) {
+                var data = {};
+                listViewDataProvider(args, data);
+                // TODO implement provider
+            },
+            actions: {
+                // TODO implement refresh action
+            }
+        }
+    };
+
+})(cloudStack);