diff --git a/app/index.html b/app/index.html
index d48c845b7b..bda63a3297 100644
--- a/app/index.html
+++ b/app/index.html
@@ -231,6 +231,8 @@ <h1>JavaScript Required</h1>
         <script src="scripts/controllers/deployment.js"></script>
         <script src="scripts/controllers/deploymentConfig.js"></script>
         <script src="scripts/controllers/replicaSet.js"></script>
+        <script src="scripts/controllers/statefulSets.js"></script>
+        <script src="scripts/controllers/statefulSet.js"></script>
         <script src="scripts/controllers/services.js"></script>
         <script src="scripts/controllers/service.js"></script>
         <script src="scripts/controllers/secrets.js"></script>
diff --git a/app/scripts/app.js b/app/scripts/app.js
index 7c86eb3914..3c63d73dfb 100644
--- a/app/scripts/app.js
+++ b/app/scripts/app.js
@@ -174,6 +174,16 @@ angular
         templateUrl: 'views/edit/deployment-config.html',
         controller: 'EditDeploymentConfigController'
       })
+      .when('/project/:project/browse/stateful-sets/', {
+        templateUrl: 'views/browse/stateful-sets.html',
+        controller: 'StatefulSetsController',
+        reloadOnSearch: false
+      })
+      .when('/project/:project/browse/stateful-sets/:statefulset', {
+        templateUrl: 'views/browse/stateful-set.html',
+        controller: 'StatefulSetController',
+        reloadOnSearch: false
+      })
       .when('/project/:project/browse/rs/:replicaSet', {
         templateUrl: 'views/browse/replica-set.html',
         resolve: {
diff --git a/app/scripts/constants.js b/app/scripts/constants.js
index 72ac1dbb56..fdddd3d5b1 100644
--- a/app/scripts/constants.js
+++ b/app/scripts/constants.js
@@ -45,6 +45,7 @@ window.OPENSHIFT_CONSTANTS = {
     "config-maps":             "dev_guide/configmaps.html",
     "secrets":                 "dev_guide/secrets.html",
     "deployments":             "dev_guide/deployments/how_deployments_work.html",
+    //"stateful-sets":           "", // TODO: docs are in progress
     "pods":                    "architecture/core_concepts/pods_and_services.html#pods",
     "services":                "architecture/core_concepts/pods_and_services.html#services",
     "routes":                  "architecture/core_concepts/routes.html",
@@ -115,6 +116,13 @@ window.OPENSHIFT_CONSTANTS = {
                 "/browse/rc/"
               ]
             },
+            {
+              label: "Stateful Sets",
+              href: "/browse/stateful-sets",
+              prefixes: [
+                "/browse/stateful-sets/"
+              ]
+            },
             {
               label: "Pods",
               href: "/browse/pods",
diff --git a/app/scripts/controllers/statefulSet.js b/app/scripts/controllers/statefulSet.js
new file mode 100644
index 0000000000..6beaacf338
--- /dev/null
+++ b/app/scripts/controllers/statefulSet.js
@@ -0,0 +1,101 @@
+'use strict';
+
+angular
+  .module('openshiftConsole')
+  .controller('StatefulSetController', function(
+    $filter,
+    $scope,
+    $routeParams,
+    AlertMessageService,
+    BreadcrumbsService,
+    DataService,
+    ProjectsService) {
+
+    $scope.projectName = $routeParams.project;
+    $scope.statefulSetName = $routeParams.statefulset;
+    $scope.forms = {};
+    $scope.alerts = {};
+    $scope.breadcrumbs = BreadcrumbsService.getBreadcrumbs({
+      name: $scope.statefulSetName,
+      kind: 'statefulSet',
+      namespace: $routeParams.project
+    });
+    $scope.emptyMessage = "Loading...";
+
+    var altTextForValueFrom = $filter('altTextForValueFrom');
+    var updateEnvVars = function(statefulSet) {
+      _.each(statefulSet.spec.template.spec.containers, function(container) {
+        _.each(container.env, altTextForValueFrom);
+      });
+      return statefulSet;
+    };
+
+    AlertMessageService.getAlerts().forEach(function(alert) {
+      $scope.alerts[alert.name] = alert.data;
+    });
+    AlertMessageService.clearAlerts();
+
+    var watches = [];
+    var projectContext;
+
+    var updatePods = function(pods, selector) {
+      if (!pods || !selector) {
+        return;
+      }
+      return selector.select(pods);
+    };
+
+    var resourceGroupVersion = {
+      resource: 'statefulsets',
+      group: 'apps',
+      version: 'v1beta1'
+    };
+
+    ProjectsService
+      .get($routeParams.project)
+      .then(_.spread(function(project, context) {
+        projectContext = context;
+
+        DataService
+          .get(resourceGroupVersion, $scope.statefulSetName, context)
+          .then(function(statefulSet) {
+          
+            angular.extend($scope, {
+              statefulSet: updateEnvVars(statefulSet),
+              project: project,
+              projectContext: context,
+              loaded: true,
+              // TODO: support scaling(?). currently no scale subresource.
+              isScalable: function() {
+                return false;
+              },
+              scale: function() {}
+            });
+
+            watches.push(DataService.watchObject(resourceGroupVersion, $scope.statefulSetName, context, function(statefulSet) {
+              angular.extend($scope, {
+                resourceGroupVersion: resourceGroupVersion,
+                statefulSet: updateEnvVars(statefulSet)
+              });
+            }));
+
+            var pods;
+            var selector;
+            $scope.$watch('statefulSet.spec.selector', function() {
+              selector = new LabelSelector($scope.statefulSet.spec.selector);
+              $scope.podsForStatefulSet = updatePods(pods, selector);
+            }, true);
+
+            watches.push(DataService.watch('pods', context, function(podData) {
+              pods = podData.by('metadata.name');
+              $scope.podsForStatefulSet = updatePods(pods, selector);
+            }));
+
+          });
+      }));
+
+    $scope.$on('$destroy', function(){
+      DataService.unwatchAll(watches);
+    });
+
+  });
diff --git a/app/scripts/controllers/statefulSets.js b/app/scripts/controllers/statefulSets.js
new file mode 100644
index 0000000000..623673a349
--- /dev/null
+++ b/app/scripts/controllers/statefulSets.js
@@ -0,0 +1,37 @@
+'use strict';
+
+angular.module('openshiftConsole')
+  .controller('StatefulSetsController', function($scope, $routeParams, AlertMessageService, DataService, ProjectsService) {
+    $scope.projectName = $routeParams.project;
+    $scope.alerts = $scope.alerts || {};
+    $scope.emptyMessage = "Loading...";
+
+    // get and clear any alerts
+    AlertMessageService.getAlerts().forEach(function(alert) {
+      $scope.alerts[alert.name] = alert.data;
+    });
+    AlertMessageService.clearAlerts();
+
+    var watches = [];
+    ProjectsService
+      .get($routeParams.project)
+      .then(_.spread(function(project, context) {
+        $scope.project = project;
+
+        watches.push(DataService.watch({
+          resource: 'statefulsets',
+          group: 'apps',
+          version: 'v1beta1'
+        }, context, function(statefulSets) {
+          angular.extend($scope, {
+            loaded: true,
+            statefulSets: statefulSets.by('metadata.name')
+          });
+        }));
+
+        $scope.$on('$destroy', function(){
+          DataService.unwatchAll(watches);
+        });
+
+      }));
+  });
diff --git a/app/scripts/directives/resources.js b/app/scripts/directives/resources.js
index db97020ff6..e8dd692180 100644
--- a/app/scripts/directives/resources.js
+++ b/app/scripts/directives/resources.js
@@ -127,6 +127,15 @@ angular.module('openshiftConsole')
       templateUrl: 'views/_volumes.html'
     };
   })
+  .directive('volumeClaimTemplates', function() {
+    return {
+      restrict: 'E',
+      scope: {
+        templates: '=',
+      },
+      templateUrl: 'views/_volume-claim-templates.html'
+    };
+  })
   .directive('environment', function() {
     return {
       restrict: 'E',
diff --git a/app/scripts/filters/canI.js b/app/scripts/filters/canI.js
index dfdaed5163..1885a09cd4 100644
--- a/app/scripts/filters/canI.js
+++ b/app/scripts/filters/canI.js
@@ -64,6 +64,9 @@ angular
       ],
       'projects': [
         {group: '', resource: 'projects', verbs: ['delete', 'update']}
+      ],
+      'statefulsets': [
+        {group: 'apps', resource: 'statefulsets', verbs: ['update', 'delete']}
       ]
     };
     return function(resource) {
diff --git a/app/scripts/services/navigate.js b/app/scripts/services/navigate.js
index 624e82ee80..44a1233c8d 100644
--- a/app/scripts/services/navigate.js
+++ b/app/scripts/services/navigate.js
@@ -196,6 +196,10 @@ angular.module("openshiftConsole")
               .segmentCoded(name.substring(0, ind))
               .segmentCoded(name.substring(ind + 1));
             break;
+          case "StatefulSet":
+            url.segment("stateful-sets")
+              .segmentCoded(name);
+            break;
           case "PersistentVolumeClaim":
           case "Pod":
           case "Route":
diff --git a/app/styles/_components.less b/app/styles/_components.less
index 2d4a34a7aa..ea131de36b 100644
--- a/app/styles/_components.less
+++ b/app/styles/_components.less
@@ -153,6 +153,8 @@
   margin-bottom: 10px;
 }
 
+// TODO: also using this style for a volume claim template.
+// consider a slightly more generic name that isn't limited to 'pod'
 .pod-template-block {
   + .pod-template-block {
     margin-top: 15px;
diff --git a/app/views/_volume-claim-templates.html b/app/views/_volume-claim-templates.html
new file mode 100644
index 0000000000..cbd589f7c7
--- /dev/null
+++ b/app/views/_volume-claim-templates.html
@@ -0,0 +1,46 @@
+<div class="pod-template-block">
+  <div
+    ng-repeat="template in templates"
+    class="pod-template">
+    <div class="component-label">Storage claim: {{template.metadata.name}}</div>
+
+    <div row class="pod-template-image icon-row">
+      <div>
+        <span class="fa fa-lock" aria-hidden="true"></span>
+      </div>
+      <div flex class="word-break">
+        <span class="pod-template-key">Access Modes:</span>
+        <span ng-repeat="mode in template.spec.accessModes">
+          {{mode | sentenceCase }}<span ng-if="!$last">, </span>
+        </span>
+      </div>
+    </div>
+
+    <div row class="pod-template-image icon-row">
+      <div>
+        <span class="fa fa-database" aria-hidden="true"></span>
+      </div>
+      <div flex class="word-break">
+        <span class="pod-template-key">Capacity:</span>
+        <span>
+          {{template.spec.resources.requests.storage}}
+        </span>
+      </div>
+    </div>
+
+    <div
+      row class="pod-template-image icon-row"
+      ng-if="template.spec.selector.matchLabels">
+      <div>
+        <span class="fa fa-tag" aria-hidden="true"></span>
+      </div>
+      <div flex class="word-break">
+        <span class="pod-template-key">Selector:</span>
+        <span ng-repeat="(key, value) in template.spec.selector.matchLabels">
+          {{key}}={{value}}<span ng-if="!$last">, </span>
+        </span>
+      </div>
+    </div>
+
+  </div>
+</div>
diff --git a/app/views/browse/stateful-set.html b/app/views/browse/stateful-set.html
new file mode 100644
index 0000000000..d0812ee26b
--- /dev/null
+++ b/app/views/browse/stateful-set.html
@@ -0,0 +1,199 @@
+<project-header class="top-header"></project-header>
+<project-page>
+  <div class="middle-section">
+    <div class="middle-container">
+
+      <div class="middle-header">
+        <div class="container-fluid">
+          <breadcrumbs breadcrumbs="breadcrumbs"></breadcrumbs>
+          <alerts alerts="alerts"></alerts>
+          <div>
+            <h1>
+              {{statefulSet.metadata.name}}
+              <div
+                class="pull-right dropdown"
+                ng-if="statefulSet"
+                ng-show="resourceGroupVersion.resource | canIDoAny">
+                <button
+                  type="button"
+                  class="dropdown-toggle btn btn-default actions-dropdown-btn hidden-xs"
+                  data-toggle="dropdown">
+                  Actions
+                  <span class="caret" aria-hidden="true"></span>
+                </button>
+                <a
+                  href=""
+                  class="dropdown-toggle actions-dropdown-kebab visible-xs-inline"
+                  data-toggle="dropdown">
+                  <i class="fa fa-ellipsis-v"></i><span class="sr-only">Actions</span>
+                </a>
+                <ul class="dropdown-menu actions action-button">
+                  <li ng-if="resourceGroupVersion | canI : 'update'">
+                    <a ng-href="{{statefulSet | editYamlURL}}" role="button">Edit YAML</a>
+                  </li>
+                  <li ng-if="resourceGroupVersion | canI : 'delete'">
+                    <delete-link
+                      kind="statefulSet"
+                      group="apps"
+                      resource-name="{{statefulSet.metadata.name}}"
+                      project-name="{{statefulSet.metadata.namespace}}"
+                      replicas="statefulSet.spec.replicas"
+                      alerts="alerts">
+                    </delete-link>
+                  </li>
+                </ul>
+              </div>
+            </h1>
+            <labels
+              labels="statefulSet.metadata.labels"
+              clickable="true"
+              kind="statefulSets"
+              project-name="{{statefulSet.metadata.namespace}}"
+              limit="3"></labels>
+          </div>
+        </div>
+      </div><!-- /middle-header-->
+
+      <div class="middle-content" persist-tab-state>
+        <div class="container-fluid">
+         <div ng-if="!loaded">Loading...</div>
+
+          <div class="row" ng-if="loaded">
+            <div class="col-md-12">
+              <uib-tabset>
+                <uib-tab active="selectedTab.details">
+                  <uib-tab-heading>Details</uib-tab-heading>
+
+                  <div class="row" style="max-width: 650px;">
+
+                    <div class="col-sm-4 col-sm-push-8 browse-deployment-donut">
+                      <!--
+                      TODO: scale/autoscale is a follow-on PR
+                      -->
+                      <deployment-donut
+                        deployment="statefulSet"
+                        pods="podsForStatefulSet"
+                        scalable="isScalable()"
+                        alerts="alerts">
+                      </deployment-donut>
+                    </div>
+
+                    <div class="col-sm-8 col-sm-pull-4">
+                      <dl class="dl-horizontal left">
+                        <dt>Status:</dt>
+                        <dd>
+                          <status-icon status="statefulSet | deploymentStatus"></status-icon>
+                          {{statefulSet | deploymentStatus}}
+                        </dd>
+                        <dt>Replicas:</dt>
+                        <dd>
+                          <replicas
+                            status="statefulSet.status.replicas"
+                            spec="statefulSet.spec.replicas"
+                            disable-scaling="!isScalable()"
+                            scale-fn="scale(replicas)"
+                            deployment="statefulSet">
+                          </replicas>
+                          <!-- TODO: HPA as a follow-on PR
+                            <span ng-if="autoscalers.length">(autoscaled)</span>
+                          -->
+                        </dd>
+                      </dl>
+
+                      <h3>Template</h3>
+                      <pod-template
+                        pod-template="statefulSet.spec.template"
+                        detailed="true">
+                      </pod-template>
+
+                      <p ng-if="!statefulSet.spec.volumeClaimTemplates.length">
+                        none
+                      </p>
+                      <volume-claim-templates
+                          templates="statefulSet.spec.volumeClaimTemplates"
+                          namespace="project.metadata.name">
+                      </volume-claim-templates>
+
+                    </div>
+
+                  </div>
+
+                  <div class="row">
+                    <div class="col-md-12">
+                      <h3>Volumes</h3>
+                      <p ng-if="!statefulSet.spec.template.spec.volumes.length">
+                        none
+                      </p>
+                      <volumes
+                          volumes="statefulSet.spec.template.spec.volumes"
+                          namespace="project.metadata.name">
+                      </volumes>
+
+                      <h3>Pods</h3>
+                      <pods-table
+                        pods="podsForStatefulSet"></pods-table>
+
+                      <annotations
+                        annotations="statefulSet.metadata.annotations"></annotations>
+                      </div>
+                    </div>
+                </uib-tab>
+
+                <uib-tab active="selectedTab.environment" ng-if="statefulSet">
+                  <uib-tab-heading>Environment</uib-tab-heading>
+                  <div class="resource-environment">
+                    <ng-form name="forms.statefulSetEnvVars">
+                      <div ng-repeat="container in statefulSet.spec.template.spec.containers">
+                        <h3>Container {{container.name}} Environment Variables</h3>
+                        <p>
+                          Environment variables for stateful sets are readonly.
+                          <span ng-if="!(container.env.length)">
+                            There are no environment variables for this container.
+                          </span>
+                        </p>
+                        <key-value-editor
+                          entries="container.env"
+                          key-placeholder="Name"
+                          value-placeholder="Value"
+                          is-readonly
+                          cannot-add
+                          cannot-delete
+                          cannot-sort
+                          show-header></key-value-editor>
+                      </div>
+                    </ng-form>
+                  </div>
+                </uib-tab>
+
+                <uib-tab active="selectedTab.metrics">
+                  <uib-tab-heading>Metrics</uib-tab-heading>
+                  <div class="resource-metrics">
+                    <deployment-metrics
+                      ng-if="selectedTab.metrics && podsForStatefulSet"
+                      pods="podsForStatefulSet"
+                      containers="statefulSet.spec.template.spec.containers"
+                      alerts="alerts">
+                    </deployment-metrics>
+                  </div>
+                </uib-tab>
+
+                <uib-tab active="selectedTab.events">
+                  <uib-tab-heading>Events</uib-tab-heading>
+                  <div class="resource-events">
+                      <!-- TODO: resource-kind: StatefulSet update -->
+                      <events
+                        resource-kind="PetSet"
+                        resource-name="{{statefulSet.metadata.name}}"
+                        project-context="projectContext"
+                        ng-if="selectedTab.events"></events>
+                  </div>
+                </uib-tab>
+
+              </uib-tabset>
+            </div>
+          </div>
+        </div>
+      </div><!-- /middle-content -->
+    </div><!-- /middle-container -->
+  </div><!-- /middle-section -->
+</project-page>
diff --git a/app/views/browse/stateful-sets.html b/app/views/browse/stateful-sets.html
new file mode 100644
index 0000000000..04ca352da1
--- /dev/null
+++ b/app/views/browse/stateful-sets.html
@@ -0,0 +1,66 @@
+<project-header class="top-header"></project-header>
+<project-page>
+
+  <div class="middle-section">
+    <div class="middle-container">
+
+      <div class="middle-header header-toolbar">
+        <div class="container-fluid">
+          <breadcrumbs breadcrumbs="breadcrumbs"></breadcrumbs>
+          <alerts alerts="alerts"></alerts>
+          <div class="page-header page-header-bleed-right page-header-bleed-left">
+            <h1>
+              Stateful Sets
+              <!-- TODO: docs are in progress
+              <span class="page-header-link">
+                <a ng-href="{{'stateful-sets' | helpLink}}" target="_blank">
+                  Learn More <i class="fa fa-external-link" aria-hidden="true"></i>
+                </a>
+              </span>
+              -->
+            </h1>
+          </div>
+        </div>
+      </div>
+
+      <div class="middle-content" persist-tab-state>
+        <div class="container-fluid">
+          <div ng-if="!loaded">Loading...</div>
+          <div class="row" ng-if="loaded">
+            <div class="col-md-12">
+              <table class="table table-bordered table-hover table-mobile">
+                <thead>
+                  <tr>
+                    <th>Name</th>
+                    <th>Replicas</th>
+                    <th>Created</th>
+                  </tr>
+                </thead>
+                <tbody ng-if="(statefulSets | hashSize) == 0">
+                  <tr>
+                    <td colspan="3"><em>No stateful sets</em></td>
+                  </tr>
+                </tbody>
+                <tbody ng-repeat="(statefulSetName, statefulSet) in statefulSets">
+                  <tr>
+                    <td data-title="Name">
+                      <a ng-href="{{statefulSet | navigateResourceURL}}">{{statefulSet.metadata.name}}</a>
+                    </td>
+                    <td data-title="Replicas">
+                      <span ng-if="statefulSet.status.replicas !== statefulSet.spec.replicas">{{statefulSet.status.replicas}}/</span>{{statefulSet.spec.replicas}} replica<span ng-if="statefulSet.spec.replicas != 1">s</span>
+                    </td>
+                    <td data-title="Created">
+                      <span am-time-ago="statefulSet.metadata.creationTimestamp"></span>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+
+</project-page>
diff --git a/dist/scripts/scripts.js b/dist/scripts/scripts.js
index 208e8ce5a9..86c68384c0 100644
--- a/dist/scripts/scripts.js
+++ b/dist/scripts/scripts.js
@@ -78,6 +78,10 @@ label:"Deployments",
 href:"/browse/deployments",
 prefixes:[ "/browse/deployment/", "/browse/dc/", "/browse/rs/", "/browse/rc/" ]
 }, {
+label:"Stateful Sets",
+href:"/browse/stateful-sets",
+prefixes:[ "/browse/stateful-sets/" ]
+}, {
 label:"Pods",
 href:"/browse/pods",
 prefixes:[ "/browse/pods/" ]
@@ -362,6 +366,14 @@ reloadOnSearch:!1
 }).when("/project/:project/edit/dc/:deploymentconfig", {
 templateUrl:"views/edit/deployment-config.html",
 controller:"EditDeploymentConfigController"
+}).when("/project/:project/browse/stateful-sets/", {
+templateUrl:"views/browse/stateful-sets.html",
+controller:"StatefulSetsController",
+reloadOnSearch:!1
+}).when("/project/:project/browse/stateful-sets/:statefulset", {
+templateUrl:"views/browse/stateful-set.html",
+controller:"StatefulSetController",
+reloadOnSearch:!1
 }).when("/project/:project/browse/rs/:replicaSet", {
 templateUrl:"views/browse/replica-set.html",
 resolve:{
@@ -2238,6 +2250,10 @@ var m = h.indexOf(":");
 i.segment("images").segmentCoded(h.substring(0, m)).segmentCoded(h.substring(m + 1));
 break;
 
+case "StatefulSet":
+i.segment("stateful-sets").segmentCoded(h);
+break;
+
 case "PersistentVolumeClaim":
 case "Pod":
 case "Route":
@@ -6439,6 +6455,73 @@ e.then(g);
 g.unwatchAll(w);
 });
 }));
+} ]), angular.module("openshiftConsole").controller("StatefulSetsController", [ "$scope", "$routeParams", "AlertMessageService", "DataService", "ProjectsService", function(a, b, c, d, e) {
+a.projectName = b.project, a.alerts = a.alerts || {}, a.emptyMessage = "Loading...", c.getAlerts().forEach(function(b) {
+a.alerts[b.name] = b.data;
+}), c.clearAlerts();
+var f = [];
+e.get(b.project).then(_.spread(function(b, c) {
+a.project = b, f.push(d.watch({
+resource:"statefulsets",
+group:"apps",
+version:"v1beta1"
+}, c, function(b) {
+angular.extend(a, {
+loaded:!0,
+statefulSets:b.by("metadata.name")
+});
+})), a.$on("$destroy", function() {
+d.unwatchAll(f);
+});
+}));
+} ]), angular.module("openshiftConsole").controller("StatefulSetController", [ "$filter", "$scope", "$routeParams", "AlertMessageService", "BreadcrumbsService", "DataService", "ProjectsService", function(a, b, c, d, e, f, g) {
+b.projectName = c.project, b.statefulSetName = c.statefulset, b.forms = {}, b.alerts = {}, b.breadcrumbs = e.getBreadcrumbs({
+name:b.statefulSetName,
+kind:"statefulSet",
+namespace:c.project
+}), b.emptyMessage = "Loading...";
+var h = a("altTextForValueFrom"), i = function(a) {
+return _.each(a.spec.template.spec.containers, function(a) {
+_.each(a.env, h);
+}), a;
+};
+d.getAlerts().forEach(function(a) {
+b.alerts[a.name] = a.data;
+}), d.clearAlerts();
+var j, k = [], l = function(a, b) {
+if (a && b) return b.select(a);
+}, m = {
+resource:"statefulsets",
+group:"apps",
+version:"v1beta1"
+};
+g.get(c.project).then(_.spread(function(a, c) {
+j = c, f.get(m, b.statefulSetName, c).then(function(d) {
+angular.extend(b, {
+statefulSet:i(d),
+project:a,
+projectContext:c,
+loaded:!0,
+isScalable:function() {
+return !1;
+},
+scale:function() {}
+}), k.push(f.watchObject(m, b.statefulSetName, c, function(a) {
+angular.extend(b, {
+resourceGroupVersion:m,
+statefulSet:i(a)
+});
+}));
+var e, g;
+b.$watch("statefulSet.spec.selector", function() {
+g = new LabelSelector(b.statefulSet.spec.selector), b.podsForStatefulSet = l(e, g);
+}, !0), k.push(f.watch("pods", c, function(a) {
+e = a.by("metadata.name"), b.podsForStatefulSet = l(e, g);
+}));
+});
+})), b.$on("$destroy", function() {
+f.unwatchAll(k);
+});
 } ]), angular.module("openshiftConsole").controller("ServicesController", [ "$routeParams", "$scope", "AlertMessageService", "DataService", "ProjectsService", "$filter", "LabelFilter", "Logger", function(a, b, c, d, e, f, g, h) {
 b.projectName = a.project, b.services = {}, b.unfilteredServices = {}, b.routesByService = {}, b.routes = {}, b.labelSuggestions = {}, b.alerts = b.alerts || {}, b.emptyMessage = "Loading...", b.emptyMessageRoutes = "Loading...", c.getAlerts().forEach(function(a) {
 b.alerts[a.name] = a.data;
@@ -10353,6 +10436,14 @@ removeFn:"&?"
 },
 templateUrl:"views/_volumes.html"
 };
+}).directive("volumeClaimTemplates", function() {
+return {
+restrict:"E",
+scope:{
+templates:"="
+},
+templateUrl:"views/_volume-claim-templates.html"
+};
 }).directive("environment", function() {
 return {
 restrict:"E",
@@ -14198,6 +14289,11 @@ projects:[ {
 group:"",
 resource:"projects",
 verbs:[ "delete", "update" ]
+} ],
+statefulsets:[ {
+group:"apps",
+resource:"statefulsets",
+verbs:[ "update", "delete" ]
 } ]
 };
 return function(c) {
diff --git a/dist/scripts/templates.js b/dist/scripts/templates.js
index ad180db3fc..84b11847a9 100644
--- a/dist/scripts/templates.js
+++ b/dist/scripts/templates.js
@@ -797,6 +797,48 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
   );
 
 
+  $templateCache.put('views/_volume-claim-templates.html',
+    "<div class=\"pod-template-block\">\n" +
+    "<div ng-repeat=\"template in templates\" class=\"pod-template\">\n" +
+    "<div class=\"component-label\">Storage claim: {{template.metadata.name}}</div>\n" +
+    "<div row class=\"pod-template-image icon-row\">\n" +
+    "<div>\n" +
+    "<span class=\"fa fa-lock\" aria-hidden=\"true\"></span>\n" +
+    "</div>\n" +
+    "<div flex class=\"word-break\">\n" +
+    "<span class=\"pod-template-key\">Access Modes:</span>\n" +
+    "<span ng-repeat=\"mode in template.spec.accessModes\">\n" +
+    "{{mode | sentenceCase }}<span ng-if=\"!$last\">, </span>\n" +
+    "</span>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "<div row class=\"pod-template-image icon-row\">\n" +
+    "<div>\n" +
+    "<span class=\"fa fa-database\" aria-hidden=\"true\"></span>\n" +
+    "</div>\n" +
+    "<div flex class=\"word-break\">\n" +
+    "<span class=\"pod-template-key\">Capacity:</span>\n" +
+    "<span>\n" +
+    "{{template.spec.resources.requests.storage}}\n" +
+    "</span>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "<div row class=\"pod-template-image icon-row\" ng-if=\"template.spec.selector.matchLabels\">\n" +
+    "<div>\n" +
+    "<span class=\"fa fa-tag\" aria-hidden=\"true\"></span>\n" +
+    "</div>\n" +
+    "<div flex class=\"word-break\">\n" +
+    "<span class=\"pod-template-key\">Selector:</span>\n" +
+    "<span ng-repeat=\"(key, value) in template.spec.selector.matchLabels\">\n" +
+    "{{key}}={{value}}<span ng-if=\"!$last\">, </span>\n" +
+    "</span>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>"
+  );
+
+
   $templateCache.put('views/_volumes.html',
     " <div ng-repeat=\"volume in volumes\">\n" +
     "<h4>\n" +
@@ -3995,6 +4037,194 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
   );
 
 
+  $templateCache.put('views/browse/stateful-set.html',
+    "<project-header class=\"top-header\"></project-header>\n" +
+    "<project-page>\n" +
+    "<div class=\"middle-section\">\n" +
+    "<div class=\"middle-container\">\n" +
+    "<div class=\"middle-header\">\n" +
+    "<div class=\"container-fluid\">\n" +
+    "<breadcrumbs breadcrumbs=\"breadcrumbs\"></breadcrumbs>\n" +
+    "<alerts alerts=\"alerts\"></alerts>\n" +
+    "<div>\n" +
+    "<h1>\n" +
+    "{{statefulSet.metadata.name}}\n" +
+    "<div class=\"pull-right dropdown\" ng-if=\"statefulSet\" ng-show=\"resourceGroupVersion.resource | canIDoAny\">\n" +
+    "<button type=\"button\" class=\"dropdown-toggle btn btn-default actions-dropdown-btn hidden-xs\" data-toggle=\"dropdown\">\n" +
+    "Actions\n" +
+    "<span class=\"caret\" aria-hidden=\"true\"></span>\n" +
+    "</button>\n" +
+    "<a href=\"\" class=\"dropdown-toggle actions-dropdown-kebab visible-xs-inline\" data-toggle=\"dropdown\">\n" +
+    "<i class=\"fa fa-ellipsis-v\"></i><span class=\"sr-only\">Actions</span>\n" +
+    "</a>\n" +
+    "<ul class=\"dropdown-menu actions action-button\">\n" +
+    "<li ng-if=\"resourceGroupVersion | canI : 'update'\">\n" +
+    "<a ng-href=\"{{statefulSet | editYamlURL}}\" role=\"button\">Edit YAML</a>\n" +
+    "</li>\n" +
+    "<li ng-if=\"resourceGroupVersion | canI : 'delete'\">\n" +
+    "<delete-link kind=\"statefulSet\" group=\"apps\" resource-name=\"{{statefulSet.metadata.name}}\" project-name=\"{{statefulSet.metadata.namespace}}\" replicas=\"statefulSet.spec.replicas\" alerts=\"alerts\">\n" +
+    "</delete-link>\n" +
+    "</li>\n" +
+    "</ul>\n" +
+    "</div>\n" +
+    "</h1>\n" +
+    "<labels labels=\"statefulSet.metadata.labels\" clickable=\"true\" kind=\"statefulSets\" project-name=\"{{statefulSet.metadata.namespace}}\" limit=\"3\"></labels>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "<div class=\"middle-content\" persist-tab-state>\n" +
+    "<div class=\"container-fluid\">\n" +
+    "<div ng-if=\"!loaded\">Loading...</div>\n" +
+    "<div class=\"row\" ng-if=\"loaded\">\n" +
+    "<div class=\"col-md-12\">\n" +
+    "<uib-tabset>\n" +
+    "<uib-tab active=\"selectedTab.details\">\n" +
+    "<uib-tab-heading>Details</uib-tab-heading>\n" +
+    "<div class=\"row\" style=\"max-width: 650px\">\n" +
+    "<div class=\"col-sm-4 col-sm-push-8 browse-deployment-donut\">\n" +
+    "\n" +
+    "<deployment-donut deployment=\"statefulSet\" pods=\"podsForStatefulSet\" scalable=\"isScalable()\" alerts=\"alerts\">\n" +
+    "</deployment-donut>\n" +
+    "</div>\n" +
+    "<div class=\"col-sm-8 col-sm-pull-4\">\n" +
+    "<dl class=\"dl-horizontal left\">\n" +
+    "<dt>Status:</dt>\n" +
+    "<dd>\n" +
+    "<status-icon status=\"statefulSet | deploymentStatus\"></status-icon>\n" +
+    "{{statefulSet | deploymentStatus}}\n" +
+    "</dd>\n" +
+    "<dt>Replicas:</dt>\n" +
+    "<dd>\n" +
+    "<replicas status=\"statefulSet.status.replicas\" spec=\"statefulSet.spec.replicas\" disable-scaling=\"!isScalable()\" scale-fn=\"scale(replicas)\" deployment=\"statefulSet\">\n" +
+    "</replicas>\n" +
+    "\n" +
+    "</dd>\n" +
+    "</dl>\n" +
+    "<h3>Template</h3>\n" +
+    "<pod-template pod-template=\"statefulSet.spec.template\" detailed=\"true\">\n" +
+    "</pod-template>\n" +
+    "<p ng-if=\"!statefulSet.spec.volumeClaimTemplates.length\">\n" +
+    "none\n" +
+    "</p>\n" +
+    "<volume-claim-templates templates=\"statefulSet.spec.volumeClaimTemplates\" namespace=\"project.metadata.name\">\n" +
+    "</volume-claim-templates>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "<div class=\"row\">\n" +
+    "<div class=\"col-md-12\">\n" +
+    "<h3>Volumes</h3>\n" +
+    "<p ng-if=\"!statefulSet.spec.template.spec.volumes.length\">\n" +
+    "none\n" +
+    "</p>\n" +
+    "<volumes volumes=\"statefulSet.spec.template.spec.volumes\" namespace=\"project.metadata.name\">\n" +
+    "</volumes>\n" +
+    "<h3>Pods</h3>\n" +
+    "<pods-table pods=\"podsForStatefulSet\"></pods-table>\n" +
+    "<annotations annotations=\"statefulSet.metadata.annotations\"></annotations>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</uib-tab>\n" +
+    "<uib-tab active=\"selectedTab.environment\" ng-if=\"statefulSet\">\n" +
+    "<uib-tab-heading>Environment</uib-tab-heading>\n" +
+    "<div class=\"resource-environment\">\n" +
+    "<ng-form name=\"forms.statefulSetEnvVars\">\n" +
+    "<div ng-repeat=\"container in statefulSet.spec.template.spec.containers\">\n" +
+    "<h3>Container {{container.name}} Environment Variables</h3>\n" +
+    "<p>\n" +
+    "Environment variables for stateful sets are readonly.\n" +
+    "<span ng-if=\"!(container.env.length)\">\n" +
+    "There are no environment variables for this container.\n" +
+    "</span>\n" +
+    "</p>\n" +
+    "<key-value-editor entries=\"container.env\" key-placeholder=\"Name\" value-placeholder=\"Value\" is-readonly cannot-add cannot-delete cannot-sort show-header></key-value-editor>\n" +
+    "</div>\n" +
+    "</ng-form>\n" +
+    "</div>\n" +
+    "</uib-tab>\n" +
+    "<uib-tab active=\"selectedTab.metrics\">\n" +
+    "<uib-tab-heading>Metrics</uib-tab-heading>\n" +
+    "<div class=\"resource-metrics\">\n" +
+    "<deployment-metrics ng-if=\"selectedTab.metrics && podsForStatefulSet\" pods=\"podsForStatefulSet\" containers=\"statefulSet.spec.template.spec.containers\" alerts=\"alerts\">\n" +
+    "</deployment-metrics>\n" +
+    "</div>\n" +
+    "</uib-tab>\n" +
+    "<uib-tab active=\"selectedTab.events\">\n" +
+    "<uib-tab-heading>Events</uib-tab-heading>\n" +
+    "<div class=\"resource-events\">\n" +
+    "\n" +
+    "<events resource-kind=\"PetSet\" resource-name=\"{{statefulSet.metadata.name}}\" project-context=\"projectContext\" ng-if=\"selectedTab.events\"></events>\n" +
+    "</div>\n" +
+    "</uib-tab>\n" +
+    "</uib-tabset>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</project-page>"
+  );
+
+
+  $templateCache.put('views/browse/stateful-sets.html',
+    "<project-header class=\"top-header\"></project-header>\n" +
+    "<project-page>\n" +
+    "<div class=\"middle-section\">\n" +
+    "<div class=\"middle-container\">\n" +
+    "<div class=\"middle-header header-toolbar\">\n" +
+    "<div class=\"container-fluid\">\n" +
+    "<breadcrumbs breadcrumbs=\"breadcrumbs\"></breadcrumbs>\n" +
+    "<alerts alerts=\"alerts\"></alerts>\n" +
+    "<div class=\"page-header page-header-bleed-right page-header-bleed-left\">\n" +
+    "<h1>\n" +
+    "Stateful Sets\n" +
+    "\n" +
+    "</h1>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "<div class=\"middle-content\" persist-tab-state>\n" +
+    "<div class=\"container-fluid\">\n" +
+    "<div ng-if=\"!loaded\">Loading...</div>\n" +
+    "<div class=\"row\" ng-if=\"loaded\">\n" +
+    "<div class=\"col-md-12\">\n" +
+    "<table class=\"table table-bordered table-hover table-mobile\">\n" +
+    "<thead>\n" +
+    "<tr>\n" +
+    "<th>Name</th>\n" +
+    "<th>Replicas</th>\n" +
+    "<th>Created</th>\n" +
+    "</tr>\n" +
+    "</thead>\n" +
+    "<tbody ng-if=\"(statefulSets | hashSize) == 0\">\n" +
+    "<tr>\n" +
+    "<td colspan=\"3\"><em>No stateful sets</em></td>\n" +
+    "</tr>\n" +
+    "</tbody>\n" +
+    "<tbody ng-repeat=\"(statefulSetName, statefulSet) in statefulSets\">\n" +
+    "<tr>\n" +
+    "<td data-title=\"Name\">\n" +
+    "<a ng-href=\"{{statefulSet | navigateResourceURL}}\">{{statefulSet.metadata.name}}</a>\n" +
+    "</td>\n" +
+    "<td data-title=\"Replicas\">\n" +
+    "<span ng-if=\"statefulSet.status.replicas !== statefulSet.spec.replicas\">{{statefulSet.status.replicas}}/</span>{{statefulSet.spec.replicas}} replica<span ng-if=\"statefulSet.spec.replicas != 1\">s</span>\n" +
+    "</td>\n" +
+    "<td data-title=\"Created\">\n" +
+    "<span am-time-ago=\"statefulSet.metadata.creationTimestamp\"></span>\n" +
+    "</td>\n" +
+    "</tr>\n" +
+    "</tbody>\n" +
+    "</table>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</div>\n" +
+    "</project-page>"
+  );
+
+
   $templateCache.put('views/builds.html',
     "<project-header class=\"top-header\"></project-header>\n" +
     "<project-page>\n" +