diff --git a/assets/js/controllers/library.controller.js b/assets/js/controllers/library.controller.js
new file mode 100644
index 0000000..a375296
--- /dev/null
+++ b/assets/js/controllers/library.controller.js
@@ -0,0 +1,2 @@
+mpdClient.controller('library', function ($scope, api) {
+})
diff --git a/assets/js/views/library.html b/assets/js/views/library.html
new file mode 100644
index 0000000..c5e0411
--- /dev/null
+++ b/assets/js/views/library.html
@@ -0,0 +1,6 @@
+<div id="library" ng-controller="library">
+  <header>
+    <a class="close" href="#!">Close</a>
+    <h1>Library</h1>
+  </header>
+</div>
diff --git a/views/index.erb b/views/index.erb
index 6ecd816..b62fac9 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -8,10 +8,12 @@
   </head>
 
   <body>
-    <div id="content">
-      <div id="library"></div>
-      <ng-include src="'<%= asset_path 'views/queue.html' %>'"></ng-include>
-    </div>
-    <ng-include src="'<%= asset_path 'views/transport.html' %>'"></ng-include>
+    <main>
+      <div id="content">
+        <ng-include src="'<%= asset_path 'views/library.html' %>'"></ng-include>
+        <ng-include src="'<%= asset_path 'views/queue.html' %>'"></ng-include>
+      </div>
+      <ng-include src="'<%= asset_path 'views/transport.html' %>'"></ng-include>
+    </main>
   </body>
 </html>
