diff --git a/assets/js/hooks/apps_search.js b/assets/js/hooks/apps_search.js
new file mode 100644
index 00000000000..42274a8f1cf
--- /dev/null
+++ b/assets/js/hooks/apps_search.js
@@ -0,0 +1,86 @@
+/**
+ * A hook for client-side app filtering to avoid server round-trips.
+ *
+ * This hook filters app cards in real-time based on search input and folder selection.
+ */
+const AppsSearch = {
+  mounted() {
+    this.searchInput = this.el.querySelector("#search-app");
+    this.folderSelect = this.el.querySelector("#select-app-folder");
+    this.noResultsMessage = this.el.querySelector("[data-no-results]");
+
+    this.searchInput.addEventListener("input", () => {
+      this.applyFilters();
+    });
+
+    if (this.folderSelect) {
+      this.folderSelect.addEventListener("change", () => {
+        this.applyFilters();
+      });
+    }
+
+    this.refreshElements();
+    this.applyFilters();
+  },
+
+  updated() {
+    this.refreshElements();
+    this.applyFilters();
+  },
+
+  refreshElements() {
+    this.appCards = Array.from(this.el.querySelectorAll("[data-app-card]"));
+    this.appGroups = Array.from(this.el.querySelectorAll("[data-app-group]"));
+  },
+
+  applyFilters() {
+    const searchTerm = this.searchInput.value.toLowerCase().trim();
+    const selectedFolder = this.folderSelect ? this.folderSelect.value : "";
+
+    let visibleCount = 0;
+
+    this.appCards.forEach((card) => {
+      const appName = card.dataset.appName.toLowerCase();
+      const appSlug = card.dataset.appSlug.toLowerCase();
+      const appFolderId = card.dataset.appFolderId || "";
+
+      const matchesSearch =
+        searchTerm === "" ||
+        appName.includes(searchTerm) ||
+        appSlug.includes(searchTerm);
+
+      const matchesFolder =
+        selectedFolder === "" || appFolderId === selectedFolder;
+
+      if (matchesSearch && matchesFolder) {
+        card.style.display = "";
+        visibleCount++;
+      } else {
+        card.style.display = "none";
+      }
+    });
+
+    this.appGroups.forEach((group) => {
+      const visibleCardsInGroup = group.querySelectorAll(
+        "[data-app-card]:not([style*='display: none'])",
+      );
+      const count = visibleCardsInGroup.length;
+
+      if (count === 0) {
+        group.style.display = "none";
+      } else {
+        group.style.display = "";
+        const countElement = group.querySelector("[data-group-count]");
+        if (countElement) {
+          countElement.textContent = `(${count})`;
+        }
+      }
+    });
+
+    if (this.noResultsMessage) {
+      this.noResultsMessage.style.display = visibleCount === 0 ? "" : "none";
+    }
+  },
+};
+
+export default AppsSearch;
diff --git a/assets/js/hooks/index.js b/assets/js/hooks/index.js
index c33c410dc35..64810f7cea6 100644
--- a/assets/js/hooks/index.js
+++ b/assets/js/hooks/index.js
@@ -1,4 +1,5 @@
 import AppAuth from "./app_auth";
+import AppsSearch from "./apps_search";
 import AudioInput from "./audio_input";
 import Cell from "./cell";
 import CellEditor from "./cell_editor";
@@ -25,6 +26,7 @@ import CustomViewSettings from "./custom_view_settings";
 
 export default {
   AppAuth,
+  AppsSearch,
   AudioInput,
   Cell,
   CellEditor,
diff --git a/lib/livebook_web/live/apps_live.ex b/lib/livebook_web/live/apps_live.ex
index 4bca26031b2..11f5519623b 100644
--- a/lib/livebook_web/live/apps_live.ex
+++ b/lib/livebook_web/live/apps_live.ex
@@ -19,15 +19,13 @@ defmodule LivebookWeb.AppsLive do
     {:ok,
      socket
      |> assign(
-       search_term: "",
-       selected_app_folder: "",
        apps: Livebook.Apps.list_authorized_apps(socket.assigns.current_user),
        empty_apps_path?: empty_apps_path?,
        logout_enabled?:
          Livebook.Config.logout_enabled?() and socket.assigns.current_user.email != nil
      )
      |> load_app_folders()
-     |> apply_filters()}
+     |> group_apps()}
   end
 
   @impl true
@@ -70,7 +68,7 @@ defmodule LivebookWeb.AppsLive do
             </div>
 
             <%= if @apps != [] do %>
-              <div class="flex flex-col gap-y-8">
+              <div class="flex flex-col gap-y-8" phx-hook="AppsSearch" id="apps-search-container">
                 <div class="flex flex-col md:flex-row gap-4">
                   <div class="flex-1">
                     <div class="relative">
@@ -82,28 +80,25 @@ defmodule LivebookWeb.AppsLive do
                         id="search-app"
                         name="search_term"
                         placeholder="Search apps..."
-                        value={@search_term}
-                        phx-keyup="search"
-                        phx-debounce="300"
+                        value=""
                         class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"
                       />
                     </div>
                   </div>
                   <div :if={@show_app_folders?} class="md:w-48">
-                    <form id="select-app-folder-form" phx-change="select_app_folder" phx-nosubmit>
-                      <.select_field
-                        id="select-app-folder"
-                        name="app_folder"
-                        prompt="Select a folder..."
-                        value={@selected_app_folder}
-                        options={@app_folder_options}
-                      />
-                    </form>
+                    <.select_field
+                      id="select-app-folder"
+                      name="app_folder"
+                      prompt="Select a folder..."
+                      value=""
+                      options={@app_folder_options}
+                    />
                   </div>
                 </div>
 
                 <div
-                  :if={@filtered_apps == []}
+                  data-no-results
+                  style="display: none"
                   class="bg-white rounded-lg shadow-sm border border-gray-200 p-12 text-center"
                 >
                   <.remix_icon icon="windy-line" class="text-gray-400 text-2xl" />
@@ -113,19 +108,25 @@ defmodule LivebookWeb.AppsLive do
                 <div class="flex flex-col h-full gap-y-8 pr-2">
                   <div
                     :for={{app_folder, id, icon, apps} <- @grouped_apps}
-                    :if={@filtered_apps != []}
                     id={id}
+                    data-app-group
                     class="flex flex-col gap-y-4"
                   >
                     <h2 class="flex items-center gap-x-3 text-xl font-semibold text-gray-900">
                       <.remix_icon icon={icon} />
                       {app_folder}
-                      <span class="text-sm font-normal text-gray-500">({length(apps)})</span>
+                      <span class="text-sm font-normal text-gray-500" data-group-count>
+                        ({length(apps)})
+                      </span>
                     </h2>
                     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
                       <.link
                         :for={app <- apps_listing(apps)}
                         id={"app-#{app.slug}"}
+                        data-app-card
+                        data-app-name={app.notebook_name}
+                        data-app-slug={app.slug}
+                        data-app-folder-id={get_app_folder_id(app)}
                         navigate={~p"/apps/#{app.slug}"}
                         class="border bg-gray-50 border-gray-300 rounded-lg p-4 hover:shadow-md hover:border-blue-300 transition-all duration-200"
                       >
@@ -210,28 +211,13 @@ defmodule LivebookWeb.AppsLive do
     """
   end
 
-  @impl true
-  def handle_event("search", %{"value" => search_term}, socket) do
-    {:noreply,
-     socket
-     |> assign(search_term: search_term)
-     |> apply_filters()}
-  end
-
-  def handle_event("select_app_folder", %{"app_folder" => app_folder_id}, socket) do
-    {:noreply,
-     socket
-     |> assign(selected_app_folder: app_folder_id)
-     |> apply_filters()}
-  end
-
   @impl true
   def handle_info({type, _app} = event, socket)
       when type in [:app_created, :app_updated, :app_closed] do
     {:noreply,
      socket
      |> assign(apps: LivebookWeb.AppComponents.update_app_list(socket.assigns.apps, event))
-     |> apply_filters()}
+     |> group_apps()}
   end
 
   def handle_info({:server_authorization_updated, _}, socket) do
@@ -242,14 +228,14 @@ defmodule LivebookWeb.AppsLive do
        logout_enabled?:
          Livebook.Config.logout_enabled?() and socket.assigns.current_user.email != nil
      )
-     |> apply_filters()}
+     |> group_apps()}
   end
 
   def handle_info({type, _app_folder}, socket) when type in @events do
     {:noreply,
      socket
      |> load_app_folders()
-     |> apply_filters()}
+     |> group_apps()}
   end
 
   def handle_info(_message, socket), do: {:noreply, socket}
@@ -258,6 +244,9 @@ defmodule LivebookWeb.AppsLive do
     Enum.sort_by(apps, & &1.notebook_name)
   end
 
+  defp get_app_folder_id(%{app_spec: %{app_folder_id: id}}), do: id
+  defp get_app_folder_id(_app), do: ""
+
   def load_app_folders(socket) do
     app_folders =
       Enum.flat_map(Livebook.Hubs.get_hubs(), &Livebook.Hubs.Provider.get_app_folders/1)
@@ -270,15 +259,12 @@ defmodule LivebookWeb.AppsLive do
     assign(socket, app_folders: app_folders, app_folder_options: app_folder_options)
   end
 
-  defp apply_filters(socket) do
+  defp group_apps(socket) do
     apps = socket.assigns.apps
     app_folders = socket.assigns.app_folders
 
-    filtered_apps =
-      filter_apps(apps, socket.assigns.search_term, socket.assigns.selected_app_folder)
-
     grouped_apps =
-      filtered_apps
+      apps
       |> Enum.group_by(fn
         %{app_spec: %{app_folder_id: id}} -> Enum.find_value(app_folders, &(&1.id == id && id))
         _ -> nil
@@ -293,38 +279,9 @@ defmodule LivebookWeb.AppsLive do
       end)
       |> Enum.sort_by(&elem(&1, 0))
 
-    show_app_folders? = Enum.any?(apps, &is_struct(&1.app_spec, Livebook.Apps.TeamsAppSpec))
-
-    assign(socket,
-      grouped_apps: grouped_apps,
-      filtered_apps: filtered_apps,
-      show_app_folders?: show_app_folders?
-    )
-  end
-
-  defp filter_apps(apps, term, app_folder_id) do
-    apps
-    |> search_apps(term)
-    |> filter_by_app_folder(app_folder_id)
-  end
-
-  defp search_apps(apps, ""), do: apps
-
-  defp search_apps(apps, term) do
-    term = String.downcase(term)
-
-    Enum.filter(apps, fn app ->
-      String.contains?(String.downcase(app.notebook_name), term) or
-        String.contains?(app.slug, term)
-    end)
-  end
-
-  defp filter_by_app_folder(apps, ""), do: apps
+    show_app_folders? =
+      Enum.any?(apps, &is_struct(&1.app_spec, Livebook.Apps.TeamsAppSpec))
 
-  defp filter_by_app_folder(apps, app_folder_id) do
-    Enum.filter(apps, fn
-      %{app_spec: %{app_folder_id: id}} -> id == app_folder_id
-      _otherwise -> false
-    end)
+    assign(socket, grouped_apps: grouped_apps, show_app_folders?: show_app_folders?)
   end
 end
diff --git a/test/livebook_teams/web/apps_live_test.exs b/test/livebook_teams/web/apps_live_test.exs
index b9b98b26be7..a51c782d199 100644
--- a/test/livebook_teams/web/apps_live_test.exs
+++ b/test/livebook_teams/web/apps_live_test.exs
@@ -384,134 +384,5 @@ defmodule LivebookWeb.Integration.AppsLiveTest do
       assert render(view) =~ "Ungrouped apps"
       assert render(view) =~ slug
     end
-
-    test "filter the apps based on slug, name and app folder",
-         %{conn: conn, node: node, code: code, tmp_dir: tmp_dir} = context do
-      {:ok, %{groups_auth: true} = deployment_group} =
-        TeamsRPC.toggle_groups_authorization(node, context.deployment_group)
-
-      id = to_string(deployment_group.id)
-      assert_receive {:deployment_group_updated, %{id: ^id, groups_auth: true}}
-
-      oidc_provider = TeamsRPC.create_oidc_provider(node, context.org)
-      app_folder = TeamsRPC.create_app_folder(node, org: context.org)
-      app_folder2 = TeamsRPC.create_app_folder(node, org: context.org)
-
-      authorization_group =
-        TeamsRPC.create_authorization_group(node,
-          access_type: :app_server,
-          oidc_provider: oidc_provider,
-          deployment_group: deployment_group
-        )
-
-      TeamsRPC.update_user_info_groups(
-        node,
-        code,
-        [
-          %{
-            "provider_id" => to_string(oidc_provider.id),
-            "group_name" => authorization_group.group_name
-          }
-        ]
-      )
-
-      apps_to_deploy = [
-        app_to_deploy1 = %{
-          slug: "app-from-folder1",
-          title: "Super Admin Tools",
-          app_folder: app_folder,
-          folder_id: "app-folder-#{app_folder.id}",
-          folder_name: app_folder.name
-        },
-        app_to_deploy2 = %{
-          slug: "app-from-folder2",
-          title: "Accounting daily report",
-          app_folder: app_folder2,
-          folder_id: "app-folder-#{app_folder2.id}",
-          folder_name: app_folder2.name
-        },
-        app_to_deploy3 = %{
-          slug: "app-from-ungrouped-folder",
-          title: "List of the chonkiest cats",
-          app_folder: nil,
-          folder_id: "ungrouped-apps",
-          folder_name: "Ungrouped apps"
-        }
-      ]
-
-      context = change_to_user_session(context)
-
-      for app_to_deploy <- apps_to_deploy do
-        deploy_app(
-          app_to_deploy.slug,
-          context.team,
-          context.org,
-          context.deployment_group,
-          tmp_dir,
-          node,
-          app_to_deploy.app_folder,
-          app_to_deploy.title
-        )
-      end
-
-      change_to_agent_session(context)
-
-      for %{slug: slug} <- apps_to_deploy do
-        wait_livebook_app_start(slug)
-      end
-
-      {:ok, view, _} = live(conn, ~p"/apps")
-      Enum.each(apps_to_deploy, &assert_app(view, &1))
-
-      # filter by slug
-      render_keyup(view, "search", %{value: app_to_deploy1.slug})
-      assert_app(view, app_to_deploy1)
-
-      apps_to_deploy
-      |> Enum.reject(&(&1 == app_to_deploy1))
-      |> Enum.each(&refute_app(view, &1))
-
-      # filter by title
-      render_keyup(view, "search", %{value: app_to_deploy3.title})
-      assert_app(view, app_to_deploy3)
-
-      apps_to_deploy
-      |> Enum.reject(&(&1 == app_to_deploy3))
-      |> Enum.each(&refute_app(view, &1))
-
-      # reset filter
-      render_keyup(view, "search", %{value: ""})
-
-      # filter by app folder
-      view
-      |> element("#select-app-folder-form")
-      |> render_change(%{app_folder: app_to_deploy2.app_folder.id})
-
-      assert_app(view, app_to_deploy2)
-
-      apps_to_deploy
-      |> Enum.reject(&(&1 == app_to_deploy2))
-      |> Enum.each(&refute_app(view, &1))
-    end
-  end
-
-  defp assert_app(view, app_to_deploy) do
-    assert view
-           |> element("##{app_to_deploy.folder_id}", app_to_deploy.folder_name)
-           |> has_element?()
-
-    assert view
-           |> element("#app-#{app_to_deploy.slug}", app_to_deploy.title)
-           |> has_element?()
-  end
-
-  defp refute_app(view, app_to_deploy) do
-    refute view
-           |> element("##{app_to_deploy.folder_id}", app_to_deploy.folder_name)
-           |> has_element?()
-
-    refute view
-           |> element("#app-#{app_to_deploy.slug}", app_to_deploy.title)
-           |> has_element?()
   end
 end