diff --git a/app/imports/ui/library/LibraryContentsContainer.vue b/app/imports/ui/library/LibraryContentsContainer.vue
new file mode 100644
index 00000000..d4572ebf
--- /dev/null
+++ b/app/imports/ui/library/LibraryContentsContainer.vue
@@ -0,0 +1,11 @@
+<template lang="html">
+  <tree-node-list :children="libraryChildren" :group="library._id"s/>
+</template>
+
+<script>
+export default {
+}
+</script>
+
+<style lang="css" scoped>
+</style>
diff --git a/app/imports/ui/pages/Library.vue b/app/imports/ui/pages/Library.vue
new file mode 100644
index 00000000..5c6aad69
--- /dev/null
+++ b/app/imports/ui/pages/Library.vue
@@ -0,0 +1,29 @@
+<template lang="html">
+	<toolbar-layout>
+		<span slot="toolbar">Library</span>
+		<v-card class="ma-4">
+			<library-contents-container>
+			<v-card-text v-else-if="$subReady.library">
+				You aren't subscribed to any libraries :O
+			</v-card-text>
+			<v-card-text v-if="!$subReady.library" class="layout row justify-center">
+				<v-progress-circular indeterminate/>
+			</v-card-text>
+		</v-card>
+		<v-btn fixed fab bottom right
+			color="primary"
+			@click="insertLibrary"
+			data-id="insert-library-fab"
+		>
+			<v-icon>add</v-icon>
+		</v-btn>
+	</toolbar-layout>
+</template>
+
+<script>
+export default {
+}
+</script>
+
+<style lang="css" scoped>
+</style>