diff --git a/docs/dgeni-package/index.js b/docs/dgeni-package/index.js
index fa3e3096fb..9c9f326a26 100644
--- a/docs/dgeni-package/index.js
+++ b/docs/dgeni-package/index.js
@@ -25,6 +25,7 @@ module.exports = new Package('angular', [jsdocPackage, nunjucksPackage, linksPac
 .factory('EXPORT_DOC_TYPES', function() {
   return [
     'class',
+    'interface',
     'function',
     'var',
     'const'
diff --git a/docs/dgeni-package/templates/class.template.html b/docs/dgeni-package/templates/class.template.html
index 86878197cb..7608bd93bc 100644
--- a/docs/dgeni-package/templates/class.template.html
+++ b/docs/dgeni-package/templates/class.template.html
@@ -2,7 +2,7 @@
 {% extends 'layout/base.template.html' -%}
 
 {% block body %}
-<h1 class="class export">{$ doc.name $} <span class="type">class</span></h1>
+<h1 class="class export">{$ doc.name $} <span class="type">{$ doc.docType $}</span></h1>
 <p class="module">exported from <a href="/{$ doc.moduleDoc.path $}">{$ doc.moduleDoc.id $}</a><br/>
 defined in <a href="https://github.com/angular/angular/tree/master/modules/{$ doc.fileInfo.relativePath $}#L{$ doc.location.start.line+1 $}-L{$ doc.location.end.line+1 $}">
   {$ doc.fileInfo.relativePath $} (line {$ doc.location.start.line+1 $})</a></p>
diff --git a/docs/dgeni-package/templates/interface.template.html b/docs/dgeni-package/templates/interface.template.html
new file mode 100644
index 0000000000..3bde456ceb
--- /dev/null
+++ b/docs/dgeni-package/templates/interface.template.html
@@ -0,0 +1 @@
+{% extends 'class.template.html' -%}