diff --git a/src/_components/grid-item.vto b/src/_components/grid-item.vto
new file mode 100644
index 00000000..e7ed2445
--- /dev/null
+++ b/src/_components/grid-item.vto
@@ -0,0 +1,75 @@
+{{ set color = (() => {
+  switch (item.kind) {
+    case "prelude": return "var(--accent-twist-4)";
+    default: return "var(--accent-twist-2)";
+  }
+})() }}
+
+{{ set kind = (() => {
+  // return item.kind ?? "interactive"
+  switch (item.kind) {
+    case "prelude": return "feature";
+    default: return "interface";
+  }
+})() }}
+
+{{ set facetUri = item.url |> facetURI }}
+
+<li
+  class="grid-item"
+  style="--grid-item-color: {{color}}"
+  data-active-color="{{color}}"
+  data-description="{{item.desc.trim()}}"
+  data-name="{{item.title}}"
+  data-category="{{ item.category ?? `` }}"
+  data-kind="{{item.kind ?? `interface`}}"
+  data-tags="{{ item.tags?.join(',') ?? `` }}"
+  data-uri="{{ facetUri }}"
+>
+  <div class="grid-item__contents">
+    <div class="grid-item__title">
+      {{ if item.kind === "prelude" }}
+        <span style="color: {{ color }}; padding: var(--space-3xs) 0">
+          {{item.title}}
+        </span>
+      {{ else }}
+        <a href="{{ item.url |> facetLoaderURL }}" style="color: {{ color }}; padding: var(--space-3xs) 0">
+          {{item.title}}
+        </a>
+      {{ /if }}
+      <span style="flex: 1"></span>
+    </div>
+    <div class="list-description">
+      {{ item.desc |> md(true) }}
+    </div>
+    {{ if item.author }}
+      <div class="grid-item__author">
+        {{ item.author |> md(true) }}
+      </div>
+    {{ /if }}
+  </div>
+  <div class="grid-item__menu">
+    <button
+      class="button--transparent"
+      data-action="toggle"
+      style="opacity: 0"
+      title="{{ item.kind === `prelude` ? `Add` : `Bookmark` }}"
+    >
+      <i class="ph-bold {{ item.kind === `prelude` ? `ph-plus` : `ph-bookmark` }}"></i>
+    </button>
+    <hr />
+    <button
+      class="button--transparent"
+      title="More actions"
+      popovertarget="grid-item-menu-{{ index }}"
+    >
+      <i class="ph-bold ph-dots-three-vertical"></i>
+    </button>
+    <div id="grid-item-menu-{{ index }}" class="dropdown" popover>
+      <a class="with-icon" href="create/?uri={{ encodeURIComponent(facetUri) }}&name={{ encodeURIComponent(item.title) }}&kind={{ item.kind ?? `interface` }}&description={{ encodeURIComponent(item.desc.trim()) }}">
+        <i class="ph-fill ph-code-block"></i>
+        Open code in editor
+      </a>
+    </div>
+  </div>
+</li>
diff --git a/src/_components/grid.vto b/src/_components/grid.vto
index 9f455c0a..2d3cfd3a 100644
--- a/src/_components/grid.vto
+++ b/src/_components/grid.vto
@@ -1,3 +1,6 @@
+{{ set completeItems = items.filter((i) => !i.incomplete) }}
+{{ set incompleteItems = items.filter((i) => i.incomplete) }}
+
 <div class="grid-filter">
   <span class="grid-filter--label">Filter by</span>
 
@@ -14,81 +17,22 @@
 </div>
 
 <ul class="grid" style="margin-top: var(--space-xs);">
-  {{ for index, item of items }}
-    {{ set color = (() => {
-      switch (item.kind) {
-        case "prelude": return "var(--accent-twist-4)";
-        default: return "var(--accent-twist-2)";
-      }
-    })() }}
+  {{ for index, item of completeItems }}
+    {{ await comp["grid-item"]({ item, index }) }}
+  {{ /for }}
+</ul>
 
-    {{ set kind = (() => {
-      // return item.kind ?? "interactive"
-      switch (item.kind) {
-        case "prelude": return "feature";
-        default: return "interface";
-      }
-    })() }}
+{{ if incompleteItems.length > 0 }}
+  <hr class="hr--dashes" />
 
-    {{ set facetUri = item.url |> facetURI }}
+  <p style="align-items: center; display: flex; font-weight: 600; gap: var(--space-3xs); justify-content: center; margin-bottom: var(--space-lg); max-width: 100%; opacity: 0.6;">
+    <i class="ph-fill ph-crane"></i>
+    <!-- Work in progress -->
+  </p>
 
-    <li
-      class="grid-item"
-      style="--grid-item-color: {{color}}"
-      data-active-color="{{color}}"
-      data-description="{{item.desc.trim()}}"
-      data-name="{{item.title}}"
-      data-category="{{ item.category ?? `` }}"
-      data-kind="{{item.kind ?? `interface`}}"
-      data-tags="{{ item.tags?.join(',') ?? `` }}"
-      data-uri="{{ facetUri }}"
-    >
-      <div class="grid-item__contents">
-        <div class="grid-item__title">
-          {{ if item.kind === "prelude" }}
-            <span style="color: {{ color }}; padding: var(--space-3xs) 0">
-              {{item.title}}
-            </span>
-          {{ else }}
-            <a href="{{ item.url |> facetLoaderURL }}" style="color: {{ color }}; padding: var(--space-3xs) 0">
-              {{item.title}}
-            </a>
-          {{ /if }}
-          <span style="flex: 1"></span>
-        </div>
-        <div class="list-description">
-          {{ item.desc |> md(true) }}
-        </div>
-        {{ if item.author }}
-          <div class="grid-item__author">
-            {{ item.author |> md(true) }}
-          </div>
-        {{ /if }}
-      </div>
-      <div class="grid-item__menu">
-        <button
-          class="button--transparent"
-          data-action="toggle"
-          style="opacity: 0"
-          title="{{ item.kind === `prelude` ? `Add` : `Bookmark` }}"
-        >
-          <i class="ph-bold {{ item.kind === `prelude` ? `ph-plus` : `ph-bookmark` }}"></i>
-        </button>
-        <hr />
-        <button
-          class="button--transparent"
-          title="More actions"
-          popovertarget="grid-item-menu-{{ index }}"
-        >
-          <i class="ph-bold ph-dots-three-vertical"></i>
-        </button>
-        <div id="grid-item-menu-{{ index }}" class="dropdown" popover>
-          <a class="with-icon" href="create/?uri={{ encodeURIComponent(facetUri) }}&name={{ encodeURIComponent(item.title) }}&kind={{ item.kind ?? `interface` }}&description={{ encodeURIComponent(item.desc.trim()) }}">
-            <i class="ph-fill ph-code-block"></i>
-            Open code in editor
-          </a>
-        </div>
-      </div>
-    </li>
-  {{ /for }}
-</ul>
+  <ul class="grid">
+    {{ for index, item of incompleteItems }}
+      {{ await comp["grid-item"]({ item, index: index + completeItems.length }) }}
+    {{ /for }}
+  </ul>
+{{ /if }}
diff --git a/src/_data/facets.json b/src/_data/facets.json
index 33bed053..c1bd648f 100644
--- a/src/_data/facets.json
+++ b/src/_data/facets.json
@@ -249,6 +249,27 @@
     "category": "Miscellaneous",
     "desc": "Arrange multiple facets side-by-side in a resizable split-panel layout."
   },
+  {
+    "url": "facets/themes/tidal/facet/index.html",
+    "title": "Tidal",
+    "category": "Themes",
+    "incomplete": true,
+    "desc": "A Tidal-inspired browser. Pick a playlist from the sidebar, browse albums and artists, and play tracks."
+  },
+  {
+    "url": "facets/themes/tidal/browser/facet/index.html",
+    "title": "Tidal / Browser",
+    "category": "Browsing",
+    "incomplete": true,
+    "desc": "Tidal-style collection browser and search with a playlist sidebar and album / artist grids."
+  },
+  {
+    "url": "facets/themes/tidal/player/facet/index.html",
+    "title": "Tidal / Player",
+    "category": "Playback",
+    "incomplete": true,
+    "desc": "Tidal-style now-playing bar with playback controls, progress and volume."
+  },
   {
     "url": "facets/data/v3-import/index.html",
     "title": "V3.x Import",
@@ -268,26 +289,5 @@
     "title": "Winamp / Browser",
     "category": "Browsing",
     "desc": "Collection browser and search."
-  },
-  {
-    "url": "facets/themes/tidal/facet/index.html",
-    "title": "Tidal",
-    "category": "Themes",
-    "incomplete": true,
-    "desc": "🚧 A Tidal-inspired browser. Pick a playlist from the sidebar, browse albums and artists, and play tracks."
-  },
-  {
-    "url": "facets/themes/tidal/browser/facet/index.html",
-    "title": "Tidal / Browser",
-    "category": "Browsing",
-    "incomplete": true,
-    "desc": "🚧 Tidal-style collection browser and search with a playlist sidebar and album / artist grids."
-  },
-  {
-    "url": "facets/themes/tidal/player/facet/index.html",
-    "title": "Tidal / Player",
-    "category": "Playback",
-    "incomplete": true,
-    "desc": "🚧 Tidal-style now-playing bar with playback controls, progress and volume."
   }
 ]