diff --git a/app/controllers/resources_controller.rb b/app/controllers/resources_controller.rb
index 90e0feb16..bcfbaf091 100644
--- a/app/controllers/resources_controller.rb
+++ b/app/controllers/resources_controller.rb
@@ -1,19 +1,25 @@
 class ResourcesController < ApplicationController
-
   def index
-    per_page = params[:number_of_items_per_page].presence || 25
-    unpaginated = Resource.where(kind: Resource::PUBLISHED_KINDS) #TODO - #FIXME brittle
-                          .includes(:main_image, :gallery_images, :attachments)
-    filtered = unpaginated.search_by_params(params)
-                          .by_created
-    @resources = filtered.paginate(page: params[:page], per_page: per_page).decorate
-
-    @count_display = if filtered.count == unpaginated.count
-                       unpaginated.count
-                     else
-                       "#{filtered.count}/#{unpaginated.count}"
-                     end
-    @sortable_fields = Resource::PUBLISHED_KINDS
+    if turbo_frame_request?
+      per_page = params[:number_of_items_per_page].presence || 25
+      unfiltered = Resource.where(kind: Resource::PUBLISHED_KINDS) # TODO - #FIXME brittle
+        .includes(:main_image, :gallery_images, :attachments)
+      filtered = unfiltered.search_by_params(params)
+        .by_created
+      @resources = filtered.paginate(page: params[:page], per_page: per_page)
+
+      total_count = unfiltered.count
+      filtered_count = filtered.count
+      @count_display = if filtered_count == total_count
+                         total_count
+                       else
+                         "#{filtered_count}/#{total_count}"
+                       end
+
+      render :resource_results
+    else
+      render :index
+    end
   end
 
   def stories
@@ -58,11 +64,11 @@ def update
     @resource = Resource.find(params[:id])
     @resource.user ||= current_user
     if @resource.update(resource_params)
-      flash[:notice] = 'Resource updated.'
+      flash[:notice] = "Resource updated."
       redirect_to resources_path
     else
       set_form_variables
-      flash[:alert] = 'Failed to update Resource.'
+      flash[:alert] = "Failed to update Resource."
       render :edit
     end
   end
@@ -73,7 +79,6 @@ def destroy
     redirect_to resources_path, notice: "Resource was successfully destroyed."
   end
 
-
   def search
     process_search
     @sortable_fields = Resource::PUBLISHED_KINDS
@@ -81,10 +86,10 @@ def search
   end
 
   def download
-    if params[:attachment_id].to_i > 0
-      attachment = Attachment.where(owner_type: "Resource", id: params[:attachment_id]).last
+    attachment = if params[:attachment_id].to_i > 0
+      Attachment.where(owner_type: "Resource", id: params[:attachment_id]).last
     else
-      attachment = Resource.find(params[:resource_id]).download_attachment
+      Resource.find(params[:resource_id]).download_attachment
     end
 
     if attachment&.file&.blob.present?
@@ -92,13 +97,13 @@ def download
     else
       if params[:from] == "resources_index"
         path = resources_path
-			elsif params[:from] == "dashboard_index"
-				path = authenticated_root_path
-			else
-				resource_path(params[:resource_id])
-			end
+      elsif params[:from] == "dashboard_index"
+        path = authenticated_root_path
+      else
+        resource_path(params[:resource_id])
+      end
       redirect_to path,
-                  alert: "File not found or not attached."
+        alert: "File not found or not attached."
     end
   end
 
@@ -110,8 +115,8 @@ def set_form_variables
 
     @windows_types = WindowsType.all
     @authors = User.active.or(User.where(id: @resource.user_id))
-                   .order(:first_name, :last_name)
-                   .map{|u| [u.full_name, u.id] }
+      .order(:first_name, :last_name)
+      .map { |u| [u.full_name, u.id] }
   end
 
   def process_search
diff --git a/app/frontend/javascript/controllers/collection_controller.js b/app/frontend/javascript/controllers/collection_controller.js
index cd8bba79b..3335ca5dd 100644
--- a/app/frontend/javascript/controllers/collection_controller.js
+++ b/app/frontend/javascript/controllers/collection_controller.js
@@ -2,14 +2,24 @@ import { Controller } from "@hotwired/stimulus"
 
 // Connects to data-controller="collection"
 export default class extends Controller {
-
+static classes = [ "unselected", "selected" ]
   connect() {
     this.element.addEventListener("change", (event) => {
-      if (event.target.type === "checkbox" || event.target.type === "radio") {
-        this.submitForm()
+      const { type } = event.target;
+
+      if (type === "checkbox") {
+        this.toggleClass(event.target);
       }
-    })
 
+      if (
+        type === "checkbox" ||
+        type === "radio" ||
+        type === "select-one" ||
+        type === "select-multiple"
+      ) {
+        this.submitForm();
+      }
+    });
     this.element.addEventListener("input", (event) => {
       if (event.target.type === "text") {
         this.debouncedSubmit()
@@ -27,4 +37,19 @@ export default class extends Controller {
       this.submitForm()
     }, 400)
   }
+
+  toggleClass(el) {
+    const button = el.closest("label")
+    if (!button || !this.selectedClasses)  return
+
+    // Toggle selected classes
+    this.selectedClasses.forEach(cls => {
+      button.classList.toggle(cls)
+    })
+
+    // Toggle unselected classes
+    this.unselectedClasses.forEach(cls => {
+      button.classList.toggle(cls)
+    })
+  }
 }
diff --git a/app/models/resource.rb b/app/models/resource.rb
index 96a0a75f1..855df047c 100644
--- a/app/models/resource.rb
+++ b/app/models/resource.rb
@@ -59,8 +59,11 @@ class Resource < ApplicationRecord
   scope :category_names, ->(names) { tag_names(:categories, names) }
   scope :sector_names,   ->(names) { tag_names(:sectors, names) }
   scope :featured, -> (featured=nil) { featured.present? ? where(featured: featured) : where(featured: true) }
-  scope :kind, -> (kind) { where("kind like ?", kind ) }
-  scope :leader_spotlights, -> { kind("LeaderSpotlight") }
+  scope :kinds, ->(kinds) {
+    kinds = Array(kinds).flatten.map(&:to_s)
+    where(kind: kinds)
+  }
+  scope :leader_spotlights, -> { kinds("LeaderSpotlight") }
   scope :published_kinds, -> { where(kind: PUBLISHED_KINDS) }
   scope :published, ->(published=nil) {
     if ["true", "false"].include?(published)
@@ -86,7 +89,7 @@ def self.search_by_params(params)
     resources = resources.category_names(params[:category_names]) if params[:category_names].present?
     resources = resources.windows_type_name(params[:windows_type_name]) if params[:windows_type_name].present?
     resources = resources.title(params[:title]) if params[:title].present?
-    resources = resources.kind(params[:kind]) if params[:kind].present?
+    resources = resources.kinds(params[:kinds]) if params[:kinds].present?
     resources = resources.published_search(params[:published_search]) if params[:published_search].present?
     resources = resources.featured(params[:featured]) if params[:featured].present?
     resources
diff --git a/app/views/resources/_resource_card.html.erb b/app/views/resources/_resource_card.html.erb
index 72925825f..93b42363a 100644
--- a/app/views/resources/_resource_card.html.erb
+++ b/app/views/resources/_resource_card.html.erb
@@ -71,7 +71,8 @@
           <%= link_to(
                 content_tag(:span, "", class: "far fa-edit"),
                 edit_resource_path(resource.object),
-                class: "admin-only bg-blue-100 btn btn-secondary-outline"
+                class: "admin-only bg-blue-100 btn btn-secondary-outline",
+                data: {turbo: false}
               ) %>
         <% end %>
 
diff --git a/app/views/resources/_resource_count.html.erb b/app/views/resources/_resource_count.html.erb
new file mode 100644
index 000000000..1212b44fa
--- /dev/null
+++ b/app/views/resources/_resource_count.html.erb
@@ -0,0 +1,7 @@
+<div id="resource_count">
+  <hr class="border-gray-300 my-6">
+  <div class="filters-applied w-full flex gap-3 items-center">
+    <h3 class="text-sm font-semibold uppercase text-gray-500 tracking-wide">Resources ( <%= @count_display %>)</h3>
+    <%= render "shared/copy_url" %>
+  </div>
+</div>
diff --git a/app/views/resources/_search_boxes.html.erb b/app/views/resources/_search_boxes.html.erb
index fbc40a91e..64efedd84 100644
--- a/app/views/resources/_search_boxes.html.erb
+++ b/app/views/resources/_search_boxes.html.erb
@@ -1,7 +1,18 @@
-<%= form_tag resources_path, method: :get, class: "space-y-2" do %>
+<% default_btn = "text-gray-600 bg-white border border-gray-300
+                  hover:bg-gray-100 hover:text-gray-800 shadow-sm" %>
+
+<% selected_btn = "text-white #{ DomainTheme.bg_class_for(:resources, intensity: 600) } border-indigo-600
+                   #{ DomainTheme.bg_class_for(:resources, intensity: 700, hover: true) } shadow-md ring-2 ring-indigo-300" %>
+
+<%= form_tag resources_path, method: :get,
+  data: {controller: "collection share-url",
+         collection_unselected_class: default_btn,
+         collection_selected_class: selected_btn,
+         turbo_frame: "resource_results" },
+         autocomplete: "off",
+  class: "space-y-2" do %>
   <!-- Search Fields -->
   <div class="flex flex-wrap md:flex-nowrap items-end gap-6">
-
     <!-- KEYWORDS -->
     <div class="flex-1 min-w-[200px] pb-2">
       <label for="query" class="block text-xs font-semibold uppercase text-gray-500 tracking-wide mb-1">
@@ -11,8 +22,7 @@
         <%= text_field_tag :query, params[:query],
                            class: "w-full bg-white border border-gray-300 rounded-lg px-3 py-2 pr-10
                                  focus:ring-blue-500 focus:border-blue-500" %>
-        <button type="submit"
-                class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700">
+        <button type="submit" class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700">
           <i class="fa fa-search"></i>
         </button>
       </div>
@@ -20,8 +30,7 @@
 
     <!-- PUBLISHED -->
     <div class="min-w-[150px] admin-only bg-blue-100 p-2 rounded-md">
-      <label for="published"
-             class="block text-xs font-semibold uppercase text-gray-600 tracking-wide mb-1">
+      <label for="published" class="block text-xs font-semibold uppercase text-gray-600 tracking-wide mb-1">
         Published
       </label>
       <%= select_tag :published_search,
@@ -29,20 +38,18 @@
                        [["All", ""], ["Published", "true"], ["Hidden", "false"]],
                        params[:published_search]
                      ),
-                     class: "border border-gray-300 rounded-lg px-3 py-2 text-gray-700 w-full",
-                     onchange: "this.form.submit();" %>
+                     class: "border border-gray-300 rounded-lg px-3 py-2 text-gray-700 w-full" %>
     </div>
 
     <!-- KINDS -->
-    <div class="min-w-[150px]">
-      <%= render "search_boxes_kinds", sortable_fields: Resource::PUBLISHED_KINDS %>
-    </div>
+    <div class="min-w-[150px]"><%= render "search_boxes_kinds", default_btn: default_btn %></div>
 
     <!-- CLEAR FILTERS -->
     <div class="min-w-[120px] pb-3">
       <label class="block text-xs font-semibold uppercase text-gray-500 tracking-wide mb-1">&nbsp;</label>
       <%= link_to "Clear filters", resources_path, class: "btn btn-utility" %>
     </div>
-
   </div>
+
+  <%= render "resource_count" %>
 <% end %>
diff --git a/app/views/resources/_search_boxes_kinds.html.erb b/app/views/resources/_search_boxes_kinds.html.erb
index 78afaedd5..9e2e0fbed 100644
--- a/app/views/resources/_search_boxes_kinds.html.erb
+++ b/app/views/resources/_search_boxes_kinds.html.erb
@@ -1,45 +1,26 @@
-<% default_btn = "text-gray-600 bg-white border border-gray-300
-                  hover:bg-gray-100 hover:text-gray-800 shadow-sm" %>
-
-<% selected_btn = "text-white #{ DomainTheme.bg_class_for(:resources, intensity: 600) } border-indigo-600
-                   #{ DomainTheme.bg_class_for(:resources, intensity: 700, hover: true) } shadow-md ring-2 ring-indigo-300" %>
-
 <div class="mb-3">
   <h3 class="text-xs font-semibold text-gray-500 tracking-wide mb-1 uppercase">
     Kinds (click to filter)
   </h3>
 
   <div class="flex flex-wrap gap-2">
-    <% sortable_fields.each do |sortable_field| %>
+    <% Resource::PUBLISHED_KINDS.each do |sortable_field| %>
       <% name = sortable_field.is_a?(String) ? sortable_field : sortable_field.name %>
 
-      <label for="kind_<%= name %>"
-             class="
+      <label
+        for="kind_<%= name %>"
+        class="
           inline-flex items-center cursor-pointer
           px-4 py-2 rounded-lg font-medium text-sm
           transition-all duration-150
-          <%= name.to_s == params[:kind] ? selected_btn : default_btn %>
-        ">
-        <%= check_box_tag(:kind, name, name.to_s == params[:kind],
-                          id: "kind_#{name}",
-                          class: "hidden") %>
+          <%= default_btn %>
+        "
+      >
+        <%= check_box_tag("kinds[]", name, Array(params[:kinds]).include?(name),
+                        id: "kind_#{name}",
+                        class: "hidden") %>
         <%= name.titleize.pluralize %>
       </label>
-
-      <script>
-          document.addEventListener("turbo:load", function () {
-              const el = document.getElementById("kind_<%= name %>")
-              if (el) {
-                  el.addEventListener("change", function () {
-                      const url = new URL(window.location.href)
-                      url.searchParams.set("kind", "<%= name %>")
-                      url.searchParams.delete("show_all")
-                      window.location.href = url.toString()
-                  })
-              }
-          })
-      </script>
-
     <% end %>
   </div>
 </div>
diff --git a/app/views/resources/index.html.erb b/app/views/resources/index.html.erb
index 67752ea04..b089bf5ad 100644
--- a/app/views/resources/index.html.erb
+++ b/app/views/resources/index.html.erb
@@ -3,7 +3,7 @@
   <div class="w-full">
     <div class="flex items-start justify-between mb-6">
       <div class="pr-6">
-        <h2 class="text-2xl font-semibold mb-2">Resources (<%= @count_display %>)</h2>
+        <h2 class="text-2xl font-semibold mb-2">Resources</h2>
       </div>
       <div class="text-right text-end">
         <% if current_user.super_user? %>
@@ -15,40 +15,63 @@
     </div>
 
     <!-- Search Form -->
-    <div class="w-full">
-      <%= render "search_boxes" %>
-
-    </div>
+    <div class="w-full"><%= render "search_boxes" %></div>
 
     <!-- Divider -->
-    <div class="w-full mt-6">
-      <hr class="border-gray-300 mb-6">
-    </div>
+    <div class="w-full mt-6"><hr class="border-gray-300 mb-6"></div>
 
     <!-- Results Table -->
-    <% if @resources.any? %>
-      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
-        <% @resources.each do |resource| %>
-          <%= render "resource_card", resource: resource.decorate %>
-        <% end %>
-      </div>
-    <% else %>
-      <p class="text-gray-500 text-center py-6">There are no resources that match your search. Please try again.</p>
-    <% end %>
+    <%= turbo_frame_tag :resource_results, src: resources_path do %>
+      <div class="min-h-screen">
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 animate-pulse">
+          <% 9.times do %>
+            <div class="relative">
+              <div class="flex flex-row flex-wrap bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden">
+                <!-- LEFT SIDE -->
+                <div
+                  class="
+                    flex-shrink-0
+                    w-40
+                    flex flex-col items-center justify-center
+                    py-4 px-3
+                    border-b md:border-b-0 md:border-r border-gray-200
+                  "
+                >
+                  <!-- Image placeholder -->
+                  <div class="w-32 h-32 bg-gray-200 rounded-lg"></div>
 
+                  <!-- Type -->
+                  <div class="mt-3 h-3 w-16 bg-gray-200 rounded"></div>
+                </div>
 
-    <!-- Pagination -->
-    <div class="pagination flex justify-center mt-6 w-full">
-      <%= tailwind_paginate @resources %>
-    </div>
-  </div>
-</div>
+                <!-- RIGHT SIDE -->
+                <div class="flex-1 min-w-0 pl-4 pr-6 pb-12 mt-2 relative">
+                  <!-- Title lines -->
+                  <div class="mt-3 space-y-2">
+                    <div class="h-5 w-3/4 bg-gray-200 rounded"></div>
+                    <div class="h-5 w-1/2 bg-gray-200 rounded"></div>
+                  </div>
 
+                  <!-- Action buttons -->
+                  <div class="absolute bottom-3 right-3 flex space-x-2">
+                    <div class="h-8 w-8 bg-gray-200 rounded-md"></div>
+                    <div class="h-8 w-8 bg-gray-200 rounded-md"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          <% end %>
+        </div>
 
+        <!-- Pagination skeleton -->
+        <div class="flex justify-center mt-8 space-x-2 animate-pulse">
+          <div class="h-8 w-10 bg-gray-200 rounded"></div>
 
-<script>
-  $('#submit-div').click(function() {
-   $('form').submit();
-  });
-</script>
+          <div class="h-8 w-10 bg-gray-200 rounded"></div>
 
+          <div class="h-8 w-10 bg-gray-200 rounded"></div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>
diff --git a/app/views/resources/resource_results.html.erb b/app/views/resources/resource_results.html.erb
new file mode 100644
index 000000000..5ed87d582
--- /dev/null
+++ b/app/views/resources/resource_results.html.erb
@@ -0,0 +1,15 @@
+<%= turbo_frame_tag :resource_results do %>
+  <%= turbo_stream.replace("resource_count", partial: "resource_count") %>
+  <%= turbo_stream.replace("copy_url", partial: "shared/copy_url") %>
+  <% if @resources.any? %>
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 animate-fade">
+      <% @resources.each do |resource| %>
+        <%= render "resource_card", resource: resource.decorate %>
+      <% end %>
+    </div>
+  <% else %>
+    <p class="text-gray-500 text-center py-6">There are no resources that match your search. Please try again.</p>
+  <% end %>
+
+  <div class="pagination flex justify-center mt-6 w-full"><%= tailwind_paginate @resources %></div>
+<% end %>
diff --git a/app/views/workshops/_copy_url.html.erb b/app/views/shared/_copy_url.html.erb
similarity index 100%
rename from app/views/workshops/_copy_url.html.erb
rename to app/views/shared/_copy_url.html.erb
diff --git a/app/views/workshops/_workshops_count.html.erb b/app/views/workshops/_workshops_count.html.erb
index 7a9f6a5ff..c36dd05a6 100644
--- a/app/views/workshops/_workshops_count.html.erb
+++ b/app/views/workshops/_workshops_count.html.erb
@@ -1,7 +1,9 @@
 <div id="workshops_count">
   <hr class="border-gray-300 my-6">
   <div class="filters-applied w-full flex gap-3 items-center">
-    <h3 class="text-sm font-semibold uppercase text-gray-500 tracking-wide">Workshops</h3>
-    <%= render "copy_url" %>
+    <h3 class="text-sm font-semibold uppercase text-gray-500 tracking-wide">
+      Workshops (<%= @workshops_count %>)
+    </h3>
+    <%= render "shared/copy_url" %>
   </div>
 </div>
diff --git a/app/views/workshops/index.html.erb b/app/views/workshops/index.html.erb
index 4c4d6abb1..259e98ee3 100644
--- a/app/views/workshops/index.html.erb
+++ b/app/views/workshops/index.html.erb
@@ -3,7 +3,7 @@
   <div class="w-full">
     <div class="flex items-start justify-between mb-6">
       <div class="pr-6">
-        <h2 class="text-2xl font-semibold mb-2">Workshops (<%= @workshops_count %>)</h2>
+        <h2 class="text-2xl font-semibold mb-2">Workshops</h2>
         <p class="text-gray-700">
           Search by emotional theme, materials needed, ease of set-up, and more.
           <br>
@@ -49,7 +49,7 @@
     <%= turbo_frame_tag "frame_list" do %>
       <%= turbo_stream.replace("filters_applied", partial: "filters_applied") %>
       <%= turbo_stream.replace("workshops_count", partial: "workshops_count") %>
-      <%= turbo_stream.replace("copy_url", partial: "copy_url") %>
+      <%= turbo_stream.replace("copy_url", partial: "shared/copy_url") %>
       <div class="mt-6">
         <% if @workshops.any? %>
           <div id="workshops-list" class="space-y-4 animate-fade">
@@ -58,10 +58,7 @@
                          breadcrumb: "Workshops", link_route: workshop_path(workshop) %>
             <% end %>
           </div>
-
-          <div class="pagination flex justify-center mt-12">
-            <%= tailwind_paginate @workshops %>
-          </div>
+          <div class="pagination flex justify-center mt-12"><%= tailwind_paginate @workshops %></div>
         <% else %>
           <p class="text-gray-600">
             Your search returned no results. Please try again.