diff --git a/assets/css/app.css b/assets/css/app.css
index 772e79a..4b256bd 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -490,11 +490,34 @@ input[type="submit"] {
     @apply font-semibold;
   }
 
-  #pagination-modal label {
+  #settings-modal label {
     @apply bg-inherit;
     @apply w-1/2;
   }
 
+  #list-filters > div:nth-child(1) {
+      @apply flex;
+      @apply justify-evenly;
+  }
+
+  #list-filters div > div:nth-child(1) {
+    @apply flex;
+  }
+
+  #list-filters > div > div:nth-child(2) {
+      @apply flex;
+      @apply justify-evenly;
+  }
+
+  #list-filters div > div:nth-child(2) > * {
+    @apply w-1/4;
+    @apply leading-5;
+  }
+
+  #list-filters > div:last-of-type {
+    @apply justify-start;
+  }
+
   .resource__table dd {
     @apply mb-5;
   }
@@ -670,6 +693,10 @@ input[type="submit"] {
     @apply pb-6;
   }
 
+  .field__array--row input:not(first-of-type) {
+    @apply mr-2;
+  }
+
   .field__array--group a.button__add {
     @apply absolute;
     @apply -left-0;
@@ -841,21 +868,44 @@ input[type="submit"] {
   @apply mr-2;
 }
 
-.modal input {
-  @apply grow;
+.modal__title {
+  @apply text-lg;
+  @apply font-bold;
+  @apply border-b-2;
 }
 
-.modal__title {
+.modal__tabs {
+  @apply border-b-2;
+}
+
+.modal__tabs > .modal__title--active {
   @apply text-lg;
   @apply font-bold;
   @apply border-b-2;
+  @apply inline-block;
+  @apply mr-2;
+  @apply border-0;
+}
+
+.modal__tabs > .modal__title {
+  @apply inline-block;
+  @apply mr-2;
+  @apply border-0;
+  @apply cursor-pointer;
 }
 
 .modal form > div {
   @apply flex;
   @apply my-1;
+  @apply items-center;
 }
 
+.modal form > input[type="submit"] {
+  @apply w-24;
+  @apply mx-auto;
+}
+
+
 .modal form > div:last-of-type {
   @apply mb-3;
 }
diff --git a/dist/css/app.css b/dist/css/app.css
index 27adcdb..5b6235d 100644
--- a/dist/css/app.css
+++ b/dist/css/app.css
@@ -1242,11 +1242,34 @@ input[class$="-loading"] + div nav:before {
   font-weight: 600;
 }
 
-#pagination-modal label {
+#settings-modal label {
   background-color: inherit;
   width: 50%;
 }
 
+#list-filters > div:nth-child(1) {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+#list-filters div > div:nth-child(1) {
+  display: flex;
+}
+
+#list-filters > div > div:nth-child(2) {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+#list-filters div > div:nth-child(2) > * {
+  width: 25%;
+  line-height: 1.25rem;
+}
+
+#list-filters > div:last-of-type {
+  justify-content: flex-start;
+}
+
 .resource__table dd {
   margin-bottom: 1.25rem;
 }
@@ -1448,6 +1471,10 @@ input[class$="-loading"] + div nav:before {
   padding-bottom: 1.5rem;
 }
 
+.field__array--row input:not(first-of-type) {
+  margin-right: 0.5rem;
+}
+
 .field__array--group a.button__add {
   position: absolute;
   left: -0px;
@@ -1717,6 +1744,10 @@ input[class$="-loading"] + div nav:before {
   opacity: 1;
 }
 
+.opacity-30 {
+  opacity: 0.3;
+}
+
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -1837,21 +1868,45 @@ input[type="submit"] {
   margin-right: 0.5rem;
 }
 
-.modal input {
-  flex-grow: 1;
+.modal__title {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  border-bottom-width: 2px;
 }
 
-.modal__title {
+.modal__tabs {
+  border-bottom-width: 2px;
+}
+
+.modal__tabs > .modal__title--active {
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
   border-bottom-width: 2px;
+  display: inline-block;
+  margin-right: 0.5rem;
+  border-width: 0px;
+}
+
+.modal__tabs > .modal__title {
+  display: inline-block;
+  margin-right: 0.5rem;
+  border-width: 0px;
+  cursor: pointer;
 }
 
 .modal form > div {
   display: flex;
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
+  align-items: center;
+}
+
+.modal form > input[type="submit"] {
+  width: 6rem;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .modal form > div:last-of-type {
diff --git a/lib/live_admin/components/resource/index.ex b/lib/live_admin/components/resource/index.ex
index 5fbd2ee..15bd633 100644
--- a/lib/live_admin/components/resource/index.ex
+++ b/lib/live_admin/components/resource/index.ex
@@ -22,6 +22,7 @@ defmodule LiveAdmin.Components.Container.Index do
     socket =
       socket
       |> assign(assigns)
+      |> assign(search: assigns.search || "")
       |> assign_async(
         [:records],
         fn ->
@@ -60,9 +61,13 @@ defmodule LiveAdmin.Components.Container.Index do
             />
           </form>
           <button
-            phx-click="search"
-            phx-value-query=""
-            phx-target={@myself}
+            phx-click={
+              JS.show(to: "#settings-modal")
+              |> JS.add_class("hidden", to: "#settings-modal > div > div:nth-child(2)")
+              |> JS.remove_class("hidden", to: "#settings-modal > div > div:nth-child(3)")
+              |> JS.remove_class("opacity-30", to: "#settings-modal .modal__title:nth-child(2)")
+              |> JS.add_class("opacity-30", to: "#settings-modal .modal__title:nth-child(1)")
+            }
             class="flex items-center justify-center px-2 border-l"
           >
             <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -229,7 +234,7 @@ defmodule LiveAdmin.Components.Container.Index do
                 class="resource__action--secondary"
                 phx-click={
                   JS.show(
-                    to: "#pagination-modal",
+                    to: "#settings-modal",
                     transition: {"ease-in duration-300", "opacity-0", "opacity-100"}
                   )
                 }
@@ -296,19 +301,85 @@ defmodule LiveAdmin.Components.Container.Index do
           </div>
         </div>
       </div>
-      <.modal id="pagination-modal">
-        <div class="modal__title"><%= trans("Page") %></div>
-        <form phx-submit="go" phx-target={@myself}>
-          <div>
-            <label><%= trans("Number") %></label>
-            <input type="number" name="page" value={@page} />
-          </div>
-          <div>
-            <label><%= trans("Size") %></label>
-            <input type="number" name="per" value={@per} />
-          </div>
-          <input type="submit" value="Go" phx-click={JS.hide(to: "#pagination-modal")} />
-        </form>
+      <.modal id="settings-modal">
+        <div class="modal__tabs">
+          <a
+            class="modal__title"
+            phx-click={
+              JS.add_class("hidden", to: "#settings-modal > div > div:nth-child(3)")
+              |> JS.remove_class("hidden", to: "#settings-modal > div > div:nth-child(2)")
+              |> JS.remove_class("opacity-30")
+              |> JS.add_class("opacity-30", to: "#settings-modal .modal__title:nth-child(2)")
+            }
+          >
+            <%= trans("Page") %>
+          </a>
+          <a
+            class="modal__title opacity-30"
+            phx-click={
+              JS.add_class("hidden", to: "#settings-modal > div > div:nth-child(2)")
+              |> JS.remove_class("hidden", to: "#settings-modal > div > div:nth-child(3)")
+              |> JS.remove_class("opacity-30")
+              |> JS.add_class("opacity-30", to: "#settings-modal .modal__title:nth-child(1)")
+            }
+          >
+            <%= trans("Filters") %>
+          </a>
+        </div>
+        <div>
+          <form phx-submit="go" phx-target={@myself}>
+            <div>
+              <label><%= trans("Number") %></label>
+              <input type="number" name="page" value={@page} />
+            </div>
+            <div>
+              <label><%= trans("Size") %></label>
+              <input type="number" name="per" value={@per} />
+            </div>
+            <input type="submit" value={trans("Go")} phx-click={JS.hide(to: "#settings-modal")} />
+          </form>
+        </div>
+        <div class="hidden">
+          <form phx-submit="update_filters" phx-target={@myself} id="list-filters">
+            <%= for {{col, val}, i} <- @search |> LiveAdmin.View.parse_search() |> Enum.with_index() do %>
+              <div>
+                <div>
+                  <a
+                    href="#"
+                    class="button__remove"
+                    phx-click={
+                      JS.push("remove_filter",
+                        target: @myself,
+                        page_loading: true,
+                        value: %{index: i}
+                      )
+                    }
+                  />
+                </div>
+                <div>
+                  <select name={"filters[#{i}][field]"}>
+                    <option selected={is_nil(col)}><%= trans("any") %></option>
+                    <%= for {field, _, _} <- Resource.fields(@resource, @config) do %>
+                      <option selected={col == to_string(field)}><%= to_string(field) %></option>
+                    <% end %>
+                  </select>
+                  <select name={"filters[#{i}][operator]"} disabled="disabled">
+                    <option>contains</option>
+                  </select>
+                  <input type="text" name={"filters[#{i}][param]"} value={val} />
+                </div>
+              </div>
+            <% end %>
+            <div>
+              <a
+                href="#"
+                class="button__add"
+                phx-click={JS.push("add_filter", target: @myself, page_loading: true)}
+              />
+            </div>
+            <input type="submit" value={trans("Apply")} phx-click={JS.hide(to: "#settings-modal")} />
+          </form>
+        </div>
       </.modal>
     </div>
     """
@@ -336,6 +407,65 @@ defmodule LiveAdmin.Components.Container.Index do
      )}
   end
 
+  @impl true
+  def handle_event("add_filter", _, socket = %{assigns: assigns}) do
+    new_search =
+      socket.assigns.search
+      |> LiveAdmin.View.parse_search()
+      |> Enum.concat([{"*", "_"}])
+      |> Enum.map_join(" ", fn
+        {field, param} -> "#{field}:#{param}"
+      end)
+
+    {:noreply,
+     push_patch(socket,
+       to:
+         route_with_params(socket.assigns,
+           params: list_link_params(assigns, search: new_search)
+         )
+     )}
+  end
+
+  @impl true
+  def handle_event("remove_filter", %{"index" => i}, socket = %{assigns: assigns}) do
+    new_search =
+      socket.assigns.search
+      |> LiveAdmin.View.parse_search()
+      |> List.delete_at(i)
+      |> Enum.map_join(" ", fn
+        {field, param} -> "#{field}:#{param}"
+      end)
+
+    {:noreply,
+     push_patch(socket,
+       to:
+         route_with_params(socket.assigns,
+           params: list_link_params(assigns, search: new_search)
+         )
+     )}
+  end
+
+  @impl true
+  def handle_event("update_filters", %{"filters" => filter_params}, socket = %{assigns: assigns}) do
+    new_search =
+      filter_params
+      |> Map.values()
+      |> Enum.filter(fn p -> p["param"] != "" end)
+      |> Enum.map_join(" ", fn
+        %{"field" => "any", "param" => param} -> "*:#{param}"
+        %{"field" => field, "param" => param} -> "#{field}:#{param}"
+        {field, param} -> "#{field}:#{param}"
+      end)
+
+    {:noreply,
+     push_patch(socket,
+       to:
+         route_with_params(socket.assigns,
+           params: list_link_params(assigns, search: new_search)
+         )
+     )}
+  end
+
   @impl true
   def handle_event(
         "action",
diff --git a/lib/live_admin/resource.ex b/lib/live_admin/resource.ex
index 55975c7..23e2240 100644
--- a/lib/live_admin/resource.ex
+++ b/lib/live_admin/resource.ex
@@ -261,46 +261,26 @@ defmodule LiveAdmin.Resource do
 
   defp apply_search(query, q, fields) do
     q
-    |> String.split(~r{[^\s]*:}, include_captures: true, trim: true)
+    |> LiveAdmin.View.parse_search()
     |> case do
-      [q] ->
-        matcher = if String.contains?(q, "%"), do: q, else: "%#{q}%"
-
-        Enum.reduce(fields, query, fn {field_name, _, _}, query ->
-          or_where(
-            query,
-            [r],
-            like(
-              fragment("LOWER(CAST(? AS text))", field(r, ^field_name)),
-              ^String.downcase(matcher)
-            )
-          )
-        end)
-
-      field_queries ->
+      field_queries when is_list(field_queries) ->
         field_queries
-        |> Enum.map(&String.trim/1)
-        |> Enum.chunk_every(2)
         |> Enum.reduce(query, fn
-          [field_key, q], query ->
-            fields
-            |> Enum.find_value(fn {field_name, _, _} ->
-              if "#{field_name}:" == field_key, do: field_name
-            end)
-            |> case do
-              nil ->
-                query
-
-              field_name ->
-                or_where(
-                  query,
-                  [r],
-                  ilike(fragment("CAST(? AS text)", field(r, ^field_name)), ^"%#{q}%")
-                )
-            end
-
-          _, query ->
-            query
+          {field_key, q}, query ->
+            conds =
+              fields
+              |> Enum.reduce(dynamic([], false), fn {field_name, _, _}, conds ->
+                if field_key == "*" || to_string(field_name) == field_key do
+                  dynamic(
+                    [r],
+                    ^conds or ilike(fragment("CAST(? AS text)", field(r, ^field_name)), ^"%#{q}%")
+                  )
+                else
+                  conds
+                end
+              end)
+
+            where(query, ^conds)
         end)
     end
   end
diff --git a/lib/live_admin/view.ex b/lib/live_admin/view.ex
index d965200..949c28c 100644
--- a/lib/live_admin/view.ex
+++ b/lib/live_admin/view.ex
@@ -1,8 +1,11 @@
 defmodule LiveAdmin.View do
   use Phoenix.Component
-  import Phoenix.HTML
   use PhoenixHTMLHelpers
 
+  require Integer
+
+  import Phoenix.HTML
+
   js_path = Path.join(__DIR__, "../../dist/js/app.js")
   css_path = Path.join(__DIR__, "../../dist/css/app.css")
   default_css_overrides_path = Path.join(__DIR__, "../../dist/css/default_overrides.css")
@@ -60,6 +63,21 @@ defmodule LiveAdmin.View do
   def supported_type?({_, {Ecto.Enum, _}}), do: true
   def supported_type?(_), do: false
 
+  def parse_search(q) do
+    parts = String.split(q, ~r{([^\s]*:)}, include_captures: true, trim: true)
+
+    if parts |> Enum.count() |> Integer.is_odd() do
+      [{"*", q}]
+    else
+      parts
+      |> Enum.map(&String.trim/1)
+      |> Enum.chunk_every(2)
+      |> Enum.map(fn
+        [column, param] -> {String.replace(column, ":", ""), param}
+      end)
+    end
+  end
+
   def get_function_keys(resource, config, function) do
     resource
     |> LiveAdmin.fetch_config(function, config)
diff --git a/test/live_admin/components/container_test.exs b/test/live_admin/components/container_test.exs
index 3695cb6..9b3ba8b 100644
--- a/test/live_admin/components/container_test.exs
+++ b/test/live_admin/components/container_test.exs
@@ -82,14 +82,6 @@ defmodule LiveAdmin.Components.ContainerTest do
     test "filters results", %{view: view} do
       assert render_async(view) =~ "0-0/0"
     end
-
-    test "clears search", %{view: view} do
-      view
-      |> element("button[phx-click='search']")
-      |> render_click()
-
-      assert render_async(view) =~ "1-1/1"
-    end
   end
 
   describe "list resource with prefix param" do
diff --git a/test/live_admin/view_test.exs b/test/live_admin/view_test.exs
new file mode 100644
index 0000000..590f02b
--- /dev/null
+++ b/test/live_admin/view_test.exs
@@ -0,0 +1,79 @@
+defmodule LiveAdmin.ViewTest do
+  use ExUnit.Case, async: true
+
+  alias LiveAdmin.View
+
+  setup do
+    Ecto.Adapters.SQL.Sandbox.checkout(LiveAdminTest.Repo)
+  end
+
+  describe "parse_search/1 with a field token" do
+    setup do
+      %{result: View.parse_search("test:test")}
+    end
+
+    test "returns a list", %{result: result} do
+      assert [{"test", "test"}] = result
+    end
+  end
+
+  describe "parse_search/1 with a general token" do
+    setup do
+      %{result: View.parse_search("test")}
+    end
+
+    test "returns a singleton item", %{result: result} do
+      assert [{"*", "test"}] = result
+    end
+  end
+
+  describe "parse_search/1 with a general token with spaces" do
+    setup do
+      %{result: View.parse_search("test test")}
+    end
+
+    test "returns a singleton item", %{result: result} do
+      assert [{"*", "test test"}] = result
+    end
+  end
+
+  describe "parse_search/1 with two field tokens" do
+    setup do
+      %{result: View.parse_search("one:test two:test")}
+    end
+
+    test "returns two filters", %{result: result} do
+      assert [{"one", "test"}, {"two", "test"}] = result
+    end
+  end
+
+  describe "parse_search/1 with a space before a field token" do
+    setup do
+      %{result: View.parse_search("test two:test")}
+    end
+
+    test "returns a single filters", %{result: result} do
+      assert [{"*", "test two:test"}] = result
+    end
+  end
+
+  describe "parse_search/1 with a space after a field token" do
+    setup do
+      %{result: View.parse_search("two:test test")}
+    end
+
+    test "returns a single filters", %{result: result} do
+      assert [{"two", "test test"}] = result
+    end
+  end
+
+  describe "parse_search/1 with blank token" do
+    setup do
+      %{result: View.parse_search(":")}
+    end
+
+    test "returns a list", %{result: result} do
+      assert [{"*", ":"}] = result
+    end
+  end
+end