diff --git a/tools/sidekick/library.html b/tools/sidekick/library.html
new file mode 100644
index 0000000..ed604ee
--- /dev/null
+++ b/tools/sidekick/library.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <meta name="robots" content="noindex">
+    <base href="/">
+    <style>
+      html, body { margin: 0; padding: 0; font-family: sans-serif; background-color: #ededed; height: 100%; }
+      helix-sidekick { display: none; }
+    </style>
+    <title>Block Library</title>
+  </head>
+  <body>
+    <script type="module" src="https://www.aem.live/tools/sidekick/library/index.js"></script>
+    <script>
+      const library = document.createElement('sidekick-library');
+      library.config = {
+        base: '/tools/sidekick/library.json',
+        plugins: {
+          blocks: {
+            viewPorts: [
+              { width: '599px', label: 'Mobile', icon: 'device-phone' },
+              { width: '899px', label: 'Tablet', icon: 'device-tablet' },
+              { width: '100%', label: 'Desktop', icon: 'device-desktop', default: true },
+            ],
+          },
+        },
+      };
+      document.body.prepend(library);
+    </script>
+  </body>
+</html>
diff --git a/tools/sidekick/library.json b/tools/sidekick/library.json
new file mode 100644
index 0000000..9038311
--- /dev/null
+++ b/tools/sidekick/library.json
@@ -0,0 +1,18 @@
+{
+  "total": 9,
+  "offset": 0,
+  "limit": 9,
+  "data": [
+    { "name": "Hero", "path": "/tools/sidekick/blocks/hero" },
+    { "name": "Cards", "path": "/tools/sidekick/blocks/cards" },
+    { "name": "Columns", "path": "/tools/sidekick/blocks/columns" },
+    { "name": "Carousel", "path": "/tools/sidekick/blocks/carousel" },
+    { "name": "Article Cards", "path": "/tools/sidekick/blocks/article-cards" },
+    { "name": "Category Tabs", "path": "/tools/sidekick/blocks/category-tabs" },
+    { "name": "Promo Bar", "path": "/tools/sidekick/blocks/promo-bar" },
+    { "name": "Perfect Fit", "path": "/tools/sidekick/blocks/perfect-fit" },
+    { "name": "Size List", "path": "/tools/sidekick/blocks/size-list" }
+  ],
+  "columns": ["name", "path"],
+  ":type": "sheet"
+}
