diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/controls/identities-search.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/controls/identities-search.tsx
new file mode 100644
index 0000000000..cd0299474d
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/controls/identities-search.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { LLMSearch } from "@unkey/ui";
+import { parseAsString, useQueryState } from "nuqs";
+
+export const IdentitiesSearch = () => {
+  const [_search, setSearch] = useQueryState(
+    "search",
+    parseAsString.withDefault("").withOptions({
+      history: "replace",
+      shallow: true,
+      clearOnDefault: true,
+    }),
+  );
+
+  return (
+    <LLMSearch
+      exampleQueries={[
+        "Find identity with ID 'user_123'",
+        "Show identities with external ID containing 'test'",
+        "Find identities with external ID 'john@example.com'",
+        "Show identities created in the last week",
+      ]}
+      isLoading={false}
+      searchMode="allowTypeDuringSearch"
+      onSearch={(query) => {
+        setSearch(query);
+      }}
+    />
+  );
+};
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/controls/index.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/controls/index.tsx
new file mode 100644
index 0000000000..4d3e8a830c
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/controls/index.tsx
@@ -0,0 +1,12 @@
+import { ControlsContainer, ControlsLeft } from "@/components/logs/controls-container";
+import { IdentitiesSearch } from "./identities-search";
+
+export function IdentitiesListControls() {
+  return (
+    <ControlsContainer>
+      <ControlsLeft>
+        <IdentitiesSearch />
+      </ControlsLeft>
+    </ControlsContainer>
+  );
+}
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/create-identity-dialog.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/create-identity-dialog.tsx
new file mode 100644
index 0000000000..1174cd4e81
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/create-identity-dialog.tsx
@@ -0,0 +1,155 @@
+"use client";
+
+import { NavbarActionButton } from "@/components/navigation/action-button";
+import { trpc } from "@/lib/trpc/client";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Plus } from "@unkey/icons";
+import { Button, DialogContainer, FormInput, toast } from "@unkey/ui";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+
+const formSchema = z.object({
+  externalId: z
+    .string()
+    .transform((s) => s.trim())
+    .refine((trimmed) => trimmed.length >= 3, "External ID must be at least 3 characters")
+    .refine((trimmed) => trimmed.length <= 255, "External ID must be 255 characters or fewer")
+    .refine((trimmed) => trimmed !== "", "External ID cannot be only whitespace"),
+  meta: z
+    .string()
+    .optional()
+    .refine(
+      (val) => {
+        if (!val || val.trim() === "") {
+          return true;
+        }
+        try {
+          JSON.parse(val);
+          // Check size limit (1MB)
+          const size = new Blob([val]).size;
+          return size < 1024 * 1024;
+        } catch {
+          return false;
+        }
+      },
+      {
+        message: "Must be valid JSON and less than 1MB",
+      },
+    ),
+});
+
+type FormValues = z.infer<typeof formSchema>;
+
+export function CreateIdentityDialog() {
+  const [open, setOpen] = useState(false);
+  const utils = trpc.useUtils();
+
+  const {
+    register,
+    handleSubmit,
+    setError,
+    formState: { errors, isValid },
+    reset,
+  } = useForm<FormValues>({
+    resolver: zodResolver(formSchema),
+    mode: "onChange",
+    defaultValues: {
+      externalId: "",
+      meta: "",
+    },
+  });
+
+  const createIdentity = trpc.identity.create.useMutation({
+    onSuccess: (data) => {
+      toast.success("Identity created successfully", {
+        description: `Identity "${data.externalId}" has been created.`,
+      });
+      // Invalidate queries to refetch the list
+      utils.identity.query.invalidate();
+      setOpen(false);
+      reset();
+    },
+    onError: (error) => {
+      if (error.data?.code === "CONFLICT") {
+        setError("externalId", {
+          message: "An identity with this external ID already exists",
+        });
+      } else {
+        toast.error("Failed to create identity", {
+          description: error.message || "An unexpected error occurred",
+        });
+      }
+    },
+  });
+
+  const onSubmit = (data: FormValues) => {
+    const meta = data.meta?.trim() ? JSON.parse(data.meta) : null;
+    createIdentity.mutate({
+      externalId: data.externalId,
+      meta,
+    });
+  };
+
+  return (
+    <>
+      <NavbarActionButton title="Create Identity" onClick={() => setOpen(true)}>
+        <Plus iconSize="md-medium" />
+        Create Identity
+      </NavbarActionButton>
+
+      <DialogContainer
+        isOpen={open}
+        onOpenChange={setOpen}
+        title="Create Identity"
+        footer={
+          <div className="w-full flex flex-col gap-2 items-center justify-center">
+            <Button
+              type="submit"
+              form="create-identity-form"
+              variant="primary"
+              size="xlg"
+              disabled={!isValid || createIdentity.isLoading}
+              loading={createIdentity.isLoading}
+              className="w-full rounded-lg"
+            >
+              Create Identity
+            </Button>
+            <div className="text-gray-9 text-xs">
+              Create a new identity to associate with keys and rate limits
+            </div>
+          </div>
+        }
+      >
+        <form id="create-identity-form" onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+          <FormInput
+            label="External ID"
+            description="A unique identifier for this identity (3-255 characters)"
+            error={errors.externalId?.message}
+            {...register("externalId")}
+            placeholder="user_123 or user@example.com"
+            data-1p-ignore
+            required
+          />
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-accent-12" htmlFor="meta">
+              Metadata (Optional)
+            </label>
+            <textarea
+              id="meta"
+              className="w-full min-h-[120px] px-3 py-2 text-xs font-mono rounded-md border border-gray-6 bg-background focus:outline-none focus:ring-2 focus:ring-gray-8"
+              placeholder='{"plan": "pro", "email": "user@example.com"}'
+              {...register("meta")}
+              data-1p-ignore
+            />
+            {errors.meta && <p className="text-xs text-error-11">{errors.meta.message}</p>}
+            <p className="text-xs text-gray-9">
+              Optional JSON metadata (must be valid JSON, max 1MB)
+            </p>
+          </div>
+        </form>
+      </DialogContainer>
+    </>
+  );
+}
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/identities-client.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/identities-client.tsx
new file mode 100644
index 0000000000..a547eb3fc5
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/identities-client.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { IdentitiesListControls } from "./controls";
+import { IdentitiesList } from "./table/identities-list";
+
+export const IdentitiesClient = () => {
+  return (
+    <div className="flex flex-col">
+      <IdentitiesListControls />
+      <IdentitiesList />
+    </div>
+  );
+};
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/identities-list.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/identities-list.tsx
new file mode 100644
index 0000000000..6c63b04ae8
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/identities-list.tsx
@@ -0,0 +1,330 @@
+"use client";
+
+import { VirtualTable } from "@/components/virtual-table/index";
+import type { Column } from "@/components/virtual-table/types";
+import { useWorkspaceNavigation } from "@/hooks/use-workspace-navigation";
+import { shortenId } from "@/lib/shorten-id";
+import { trpc } from "@/lib/trpc/client";
+import type { IdentityResponseSchema } from "@/lib/trpc/routers/identity/query";
+import { BookBookmark, Dots, Fingerprint } from "@unkey/icons";
+import { Button, CopyButton, Empty, InfoTooltip, Loading } from "@unkey/ui";
+import { cn } from "@unkey/ui/src/lib/utils";
+import dynamic from "next/dynamic";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { parseAsString, useQueryState } from "nuqs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import type { z } from "zod";
+import { LastUsedCell } from "./last-used";
+import {
+  ActionColumnSkeleton,
+  CountColumnSkeleton,
+  CreatedColumnSkeleton,
+  IdentityColumnSkeleton,
+  LastUsedColumnSkeleton,
+} from "./skeletons";
+
+type Identity = z.infer<typeof IdentityResponseSchema>;
+
+const IdentityTableActionPopover = dynamic(
+  () => import("./identity-table-actions").then((mod) => mod.IdentityTableActions),
+  {
+    ssr: false,
+    loading: () => (
+      <button
+        type="button"
+        className={cn(
+          "group-data-[state=open]:bg-gray-6 group-hover:bg-gray-6 group size-5 p-0 rounded m-0 items-center flex justify-center",
+          "border border-gray-6 group-hover:border-gray-8 ring-2 ring-transparent focus-visible:ring-gray-7 focus-visible:border-gray-7",
+        )}
+      >
+        <Dots className="group-hover:text-gray-12 text-gray-11" iconSize="sm-regular" />
+      </button>
+    ),
+  },
+);
+
+export const IdentitiesList = () => {
+  const [search] = useQueryState(
+    "search",
+    parseAsString.withDefault("").withOptions({
+      history: "replace",
+      shallow: true,
+      clearOnDefault: true,
+    }),
+  );
+  const workspace = useWorkspaceNavigation();
+  const router = useRouter();
+  const [identitiesMap, setIdentitiesMap] = useState(() => new Map<string, Identity>());
+  const [selectedIdentity, setSelectedIdentity] = useState<Identity | null>(null);
+  const [navigatingIdentityId, setNavigatingIdentityId] = useState<string | null>(null);
+  const [totalCount, setTotalCount] = useState(0);
+
+  const identitiesList = useMemo(() => Array.from(identitiesMap.values()), [identitiesMap]);
+
+  const {
+    data: identitiesData,
+    hasNextPage,
+    fetchNextPage,
+    isFetchingNextPage,
+    isLoading: isLoadingInitial,
+  } = trpc.identity.query.useInfiniteQuery(
+    {
+      limit: 50,
+      search,
+    },
+    {
+      getNextPageParam: (lastPage) => lastPage.nextCursor,
+      staleTime: Number.POSITIVE_INFINITY,
+      refetchOnMount: false,
+      refetchOnWindowFocus: false,
+    },
+  );
+
+  useEffect(() => {
+    if (identitiesData) {
+      const newMap = new Map<string, Identity>();
+      identitiesData.pages.forEach((page) => {
+        page.identities.forEach((identity) => {
+          newMap.set(identity.id, identity);
+        });
+      });
+      if (identitiesData.pages.length > 0) {
+        setTotalCount(identitiesData.pages[0].totalCount);
+      }
+      setIdentitiesMap(newMap);
+    }
+  }, [identitiesData]);
+
+  const handleLinkClick = useCallback((identityId: string) => {
+    setNavigatingIdentityId(identityId);
+    setSelectedIdentity(null);
+  }, []);
+
+  const handleRowClick = useCallback(
+    (identity: Identity) => {
+      router.push(`/${workspace.slug}/identities/${identity.id}`);
+    },
+    [router, workspace.slug],
+  );
+
+  const columns: Column<Identity>[] = useMemo(
+    () => [
+      {
+        key: "externalId",
+        header: "External ID",
+        width: "20%",
+        headerClassName: "pl-[18px]",
+        render: (identity) => {
+          const isNavigating = identity.id === navigatingIdentityId;
+          const truncatedExternalId =
+            identity.externalId.length > 50
+              ? `${identity.externalId.slice(0, 50)}...`
+              : identity.externalId;
+
+          const iconContainer = (
+            <div className={cn("size-5 rounded flex items-center justify-center", "bg-brandA-3")}>
+              {isNavigating ? (
+                <div className="text-brandA-11">
+                  <Loading size={18} />
+                </div>
+              ) : (
+                <Fingerprint iconSize="md-medium" className="text-brandA-11" />
+              )}
+            </div>
+          );
+
+          return (
+            <div className="flex flex-col items-start px-[18px] py-[6px]">
+              <div className="flex gap-4 items-center">
+                {iconContainer}
+                <div className="flex flex-col gap-1 text-xs">
+                  <span
+                    className="font-sans text-accent-12 font-medium truncate"
+                    title={identity.externalId}
+                  >
+                    {truncatedExternalId}
+                  </span>
+                  <InfoTooltip
+                    content={
+                      <div className="inline-flex justify-center gap-3 items-center font-mono text-xs text-gray-11">
+                        <span>{identity.id}</span>
+                        <CopyButton value={identity.id} />
+                      </div>
+                    }
+                    position={{ side: "bottom", align: "start" }}
+                  >
+                    <Link
+                      className={`font-mono group-hover:underline decoration-dotted text-accent-9 w-full inline-block text-left ${
+                        isNavigating ? "pointer-events-none opacity-50" : ""
+                      }`}
+                      href={`/${workspace.slug}/identities/${identity.id}`}
+                      aria-disabled={isNavigating}
+                      onClick={(e) => {
+                        if (isNavigating) {
+                          e.preventDefault();
+                          return;
+                        }
+                        handleLinkClick(identity.id);
+                      }}
+                    >
+                      {shortenId(identity.id)}
+                    </Link>
+                  </InfoTooltip>
+                </div>
+              </div>
+            </div>
+          );
+        },
+      },
+      {
+        key: "keys",
+        header: "Keys",
+        width: "10%",
+        render: (identity) => (
+          <div className="flex items-center px-3 py-1">
+            <span className="text-xs text-accent-11">{identity.keys.length}</span>
+          </div>
+        ),
+      },
+      {
+        key: "ratelimits",
+        header: "Ratelimits",
+        width: "10%",
+        render: (identity) => (
+          <div className="flex items-center px-3 py-1">
+            <span className="text-xs text-accent-11">{identity.ratelimits.length}</span>
+          </div>
+        ),
+      },
+      {
+        key: "created",
+        header: "Created",
+        width: "15%",
+        render: (identity) => {
+          const date = new Date(identity.createdAt);
+          const formatted = date.toLocaleDateString("en-US", {
+            year: "numeric",
+            month: "short",
+            day: "numeric",
+          });
+          return (
+            <div className="flex items-center px-3 py-1">
+              <span className="text-xs text-accent-11">{formatted}</span>
+            </div>
+          );
+        },
+      },
+      {
+        key: "last_used",
+        header: "Last Used",
+        width: "15%",
+        render: (identity) => (
+          <div className="flex items-center px-3 py-1">
+            <LastUsedCell identityId={identity.id} />
+          </div>
+        ),
+      },
+      {
+        key: "action",
+        header: "",
+        width: "15%",
+        render: (identity) => (
+          <div className="flex items-center justify-end px-3 py-1">
+            <IdentityTableActionPopover identity={identity} />
+          </div>
+        ),
+      },
+    ],
+    [workspace.slug, navigatingIdentityId, handleLinkClick],
+  );
+
+  return (
+    <VirtualTable
+      data={identitiesList}
+      columns={columns}
+      isLoading={isLoadingInitial}
+      isFetchingNextPage={isFetchingNextPage}
+      onLoadMore={fetchNextPage}
+      keyExtractor={(identity) => identity.id}
+      onRowClick={handleRowClick}
+      selectedItem={selectedIdentity}
+      rowClassName={(identity) =>
+        cn(
+          "hover:bg-gray-2 transition-colors cursor-pointer",
+          selectedIdentity?.id === identity.id && "bg-gray-3",
+        )
+      }
+      loadMoreFooterProps={{
+        hide: isLoadingInitial,
+        buttonText: "Load more identities",
+        hasMore: hasNextPage,
+        countInfoText: (
+          <div className="flex gap-2">
+            <span>Showing</span>{" "}
+            <span className="text-accent-12">
+              {new Intl.NumberFormat().format(identitiesList.length)}
+            </span>
+            <span>of</span>
+            <span className="text-accent-12">{new Intl.NumberFormat().format(totalCount)}</span>
+            <span>identities</span>
+          </div>
+        ),
+      }}
+      emptyState={
+        <div className="w-full flex justify-center items-center h-full">
+          <Empty className="w-[400px] flex items-start">
+            <Empty.Icon className="w-auto" />
+            <Empty.Title>No Identities Found</Empty.Title>
+            <Empty.Description className="text-left">
+              {search
+                ? "Try adjusting your search query"
+                : "There are no identities yet. Create your first identity to get started."}
+            </Empty.Description>
+            <Empty.Actions className="mt-4 justify-start">
+              <a
+                href="https://www.unkey.com/docs/concepts/identities/overview"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <Button size="md">
+                  <BookBookmark />
+                  Learn about Identities
+                </Button>
+              </a>
+            </Empty.Actions>
+          </Empty>
+        </div>
+      }
+      config={{
+        rowHeight: 52,
+        layoutMode: "grid",
+        rowBorders: true,
+        containerPadding: "px-0",
+      }}
+      renderSkeletonRow={({ columns, rowHeight }) =>
+        columns.map((column, idx) => (
+          <td
+            key={column.key}
+            className={cn(
+              "text-xs align-middle whitespace-nowrap pr-4",
+              idx === 0 ? "pl-[18px]" : "",
+              column.key === "externalId" ? "py-[6px]" : "py-1",
+            )}
+            style={{ height: `${rowHeight}px` }}
+          >
+            {column.key === "externalId" && <IdentityColumnSkeleton />}
+            {column.key === "keys" && <CountColumnSkeleton />}
+            {column.key === "ratelimits" && <CountColumnSkeleton />}
+            {column.key === "created" && <CreatedColumnSkeleton />}
+            {column.key === "last_used" && <LastUsedColumnSkeleton />}
+            {column.key === "action" && <ActionColumnSkeleton />}
+            {!["externalId", "keys", "ratelimits", "created", "last_used", "action"].includes(
+              column.key,
+            ) && <div className="h-4 w-full bg-grayA-3 rounded animate-pulse" />}
+          </td>
+        ))
+      }
+    />
+  );
+};
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/identity-table-actions.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/identity-table-actions.tsx
new file mode 100644
index 0000000000..9cfb476233
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/identity-table-actions.tsx
@@ -0,0 +1,50 @@
+import { type MenuItem, TableActionPopover } from "@/components/logs/table-action.popover";
+import type { IdentityResponseSchema } from "@/lib/trpc/routers/identity/query";
+import { Clone } from "@unkey/icons";
+import { toast } from "@unkey/ui";
+import { useMemo } from "react";
+import type { z } from "zod";
+
+type Identity = z.infer<typeof IdentityResponseSchema>;
+
+export const IdentityTableActions = ({ identity }: { identity: Identity }) => {
+  const menuItems: MenuItem[] = useMemo(
+    () => [
+      {
+        id: "copy-identity-id",
+        label: "Copy identity ID",
+        icon: <Clone iconSize="md-medium" />,
+        onClick: () => {
+          navigator.clipboard
+            .writeText(identity.id)
+            .then(() => {
+              toast.success("Identity ID copied to clipboard");
+            })
+            .catch((error) => {
+              console.error("Failed to copy to clipboard:", error);
+              toast.error("Failed to copy to clipboard");
+            });
+        },
+      },
+      {
+        id: "copy-external-id",
+        label: "Copy external ID",
+        icon: <Clone iconSize="md-medium" />,
+        onClick: () => {
+          navigator.clipboard
+            .writeText(identity.externalId)
+            .then(() => {
+              toast.success("External ID copied to clipboard");
+            })
+            .catch((error) => {
+              console.error("Failed to copy to clipboard:", error);
+              toast.error("Failed to copy to clipboard");
+            });
+        },
+      },
+    ],
+    [identity.id, identity.externalId],
+  );
+
+  return <TableActionPopover items={menuItems} />;
+};
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/last-used.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/last-used.tsx
new file mode 100644
index 0000000000..2483402a9a
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/last-used.tsx
@@ -0,0 +1,60 @@
+import { trpc } from "@/lib/trpc/client";
+import { ChartActivity2 } from "@unkey/icons";
+import { Badge, TimestampInfo } from "@unkey/ui";
+import { useRef, useState } from "react";
+
+export const LastUsedCell = ({ identityId }: { identityId: string }) => {
+  const { data, isLoading, isError } = trpc.identity.latestVerification.useQuery(
+    {
+      identityId,
+    },
+    {
+      trpc: {
+        context: {
+          skipBatch: true,
+        },
+      },
+    },
+  );
+  const badgeRef = useRef<HTMLDivElement>(null);
+  const [showTooltip, setShowTooltip] = useState(false);
+
+  return (
+    <Badge
+      ref={badgeRef}
+      className="px-1.5 rounded-md flex gap-2 items-center max-w-min h-[22px] border-none cursor-pointer bg-grayA-3 text-grayA-11"
+      onMouseOver={() => {
+        setShowTooltip(true);
+      }}
+      onMouseLeave={() => {
+        setShowTooltip(false);
+      }}
+    >
+      <div>
+        <ChartActivity2 iconSize="sm-regular" />
+      </div>
+      <div className="truncate">
+        {isLoading ? (
+          <div className="flex items-center w-full space-x-1">
+            <div className="h-2 w-2 bg-grayA-5 rounded-full animate-pulse" />
+            <div className="h-2 w-12 bg-grayA-5 rounded animate-pulse" />
+            <div className="h-2 w-12 bg-grayA-5 rounded animate-pulse" />
+          </div>
+        ) : isError ? (
+          "Failed to load"
+        ) : data?.lastVerificationTime ? (
+          <TimestampInfo
+            displayType="relative"
+            value={data.lastVerificationTime}
+            className="truncate"
+            triggerRef={badgeRef}
+            open={showTooltip}
+            onOpenChange={setShowTooltip}
+          />
+        ) : (
+          "Never used"
+        )}
+      </div>
+    </Badge>
+  );
+};
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/skeletons.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/skeletons.tsx
new file mode 100644
index 0000000000..d0466d7e3f
--- /dev/null
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/_components/table/skeletons.tsx
@@ -0,0 +1,46 @@
+import { Dots } from "@unkey/icons";
+import { cn } from "@unkey/ui/src/lib/utils";
+
+export const IdentityColumnSkeleton = () => (
+  <div className="flex flex-col items-start w-auto">
+    <div className="flex gap-4 items-center">
+      <div className="bg-grayA-3 size-5 rounded animate-pulse" />
+      <div className="flex flex-col gap-1">
+        <div className="h-2 w-40 bg-grayA-3 rounded animate-pulse" />
+        <div className="h-2 w-16 bg-grayA-3 rounded animate-pulse mt-1" />
+      </div>
+    </div>
+  </div>
+);
+
+export const ExternalIdColumnSkeleton = () => (
+  <div className="h-2 w-32 bg-grayA-3 rounded animate-pulse" />
+);
+
+export const CountColumnSkeleton = () => (
+  <div className="h-2 w-8 bg-grayA-3 rounded animate-pulse" />
+);
+
+export const CreatedColumnSkeleton = () => (
+  <div className="h-2 w-24 bg-grayA-3 rounded animate-pulse" />
+);
+
+export const LastUsedColumnSkeleton = () => (
+  <div className="px-1.5 rounded-md flex gap-2 items-center w-[140px] h-[22px] bg-grayA-3 animate-pulse">
+    <div className="h-2 w-2 bg-grayA-3 rounded-full animate-pulse" />
+    <div className="h-2 w-12 bg-grayA-3 rounded animate-pulse" />
+    <div className="h-2 w-12 bg-grayA-3 rounded animate-pulse" />
+  </div>
+);
+
+export const ActionColumnSkeleton = () => (
+  <button
+    type="button"
+    className={cn(
+      "group size-5 p-0 rounded m-0 items-center flex justify-center animate-pulse",
+      "border border-gray-6",
+    )}
+  >
+    <Dots className="text-gray-11" iconSize="sm-regular" />
+  </button>
+);
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/components/results.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/components/results.tsx
deleted file mode 100644
index 551c3e0957..0000000000
--- a/apps/dashboard/app/(app)/[workspaceSlug]/identities/components/results.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-"use client";
-
-import { Table, TableBody, TableHead, TableHeader, TableRow } from "@/components/ui/table";
-import { trpc } from "@/lib/trpc/client";
-import { Row } from "../row";
-
-export const Results: React.FC<{ search: string; limit: number }> = (props) => {
-  const {
-    data: workspace,
-    isLoading,
-    error,
-  } = trpc.identity.searchWithRelations.useQuery({
-    search: props.search,
-    limit: props.limit,
-  });
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center w-full py-8">
-        <p className="text-content-subtle text-sm">Loading identities...</p>
-      </div>
-    );
-  }
-
-  if (error) {
-    return (
-      <div className="flex items-center justify-center w-full py-8">
-        <p className="text-content-subtle text-sm">
-          Unable to load identities. Please try refreshing the page or contact support if the issue
-          persists.
-        </p>
-      </div>
-    );
-  }
-
-  if (!workspace) {
-    return (
-      <div className="flex items-center justify-center w-full py-8">
-        <p className="text-content-subtle text-sm">No workspace found.</p>
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <Table>
-        <TableHeader>
-          <TableRow>
-            <TableHead>External ID</TableHead>
-            <TableHead>Meta</TableHead>
-            <TableHead>Keys</TableHead>
-            <TableHead>Ratelimits</TableHead>
-          </TableRow>
-        </TableHeader>
-        <TableBody>
-          {workspace.identities.map((identity) => {
-            return (
-              <Row
-                key={identity.id}
-                workspaceSlug={workspace.slug}
-                identity={{
-                  id: identity.id,
-                  externalId: identity.externalId,
-                  meta: identity.meta ?? undefined,
-                  ratelimits: identity.ratelimits,
-                  keys: identity.keys,
-                  workspaceId: workspace.id,
-                }}
-              />
-            );
-          })}
-        </TableBody>
-      </Table>
-      {workspace.identities.length === 0 ? (
-        <p className="flex items-center justify-center w-full text-content-subtle text-sm">
-          No identities found
-        </p>
-      ) : null}
-    </>
-  );
-};
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/filter.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/filter.tsx
deleted file mode 100644
index 07572221f6..0000000000
--- a/apps/dashboard/app/(app)/[workspaceSlug]/identities/filter.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-"use client";
-
-import { Magnifier } from "@unkey/icons";
-import { parseAsString, useQueryState } from "nuqs";
-import { useEffect, useState } from "react";
-
-export function SearchField(): JSX.Element {
-  const [search, setSearch] = useQueryState(
-    "search",
-    parseAsString.withDefault("").withOptions({
-      history: "replace",
-      shallow: true,
-      clearOnDefault: true,
-    }),
-  );
-
-  // Local draft state for immediate UI updates
-  const [draft, setDraft] = useState(search ?? "");
-
-  // Update draft when search changes (e.g., from browser back/forward)
-  useEffect(() => {
-    setDraft(search ?? "");
-  }, [search]);
-
-  // Debounced search update
-  useEffect(() => {
-    const timeoutId = setTimeout(() => {
-      if (draft !== search) {
-        setSearch(draft);
-      }
-    }, 300); // 300ms debounce
-
-    return () => clearTimeout(timeoutId);
-  }, [draft, search, setSearch]);
-
-  return (
-    <div className="border-border focus-within:border-primary/40 flex h-8 flex-grow items-center gap-2 rounded-md border bg-background px-3 py-2 text-sm">
-      <Magnifier iconSize="md-medium" aria-hidden="true" />
-      <input
-        type="search"
-        className="placeholder:text-content-subtle flex-grow bg-transparent focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
-        placeholder="Search…"
-        aria-label="Search identities"
-        value={draft}
-        onChange={(e) => {
-          setDraft(e.currentTarget.value);
-        }}
-      />
-    </div>
-  );
-}
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/navigation.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/navigation.tsx
index 05648fc1c1..8bc151912f 100644
--- a/apps/dashboard/app/(app)/[workspaceSlug]/identities/navigation.tsx
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/navigation.tsx
@@ -3,6 +3,7 @@
 import { Navbar } from "@/components/navigation/navbar";
 import { useWorkspaceNavigation } from "@/hooks/use-workspace-navigation";
 import { Fingerprint } from "@unkey/icons";
+import { CreateIdentityDialog } from "./_components/create-identity-dialog";
 
 export function Navigation() {
   const workspace = useWorkspaceNavigation();
@@ -14,6 +15,9 @@ export function Navigation() {
           Identities
         </Navbar.Breadcrumbs.Link>
       </Navbar.Breadcrumbs>
+      <Navbar.Actions>
+        <CreateIdentityDialog />
+      </Navbar.Actions>
     </Navbar>
   );
 }
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/page.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/page.tsx
index 0089e8df84..fc7d7029ba 100644
--- a/apps/dashboard/app/(app)/[workspaceSlug]/identities/page.tsx
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/page.tsx
@@ -1,34 +1,10 @@
 "use client";
 import { OptIn } from "@/components/opt-in";
-import { PageContent } from "@/components/page-content";
 import { useWorkspaceNavigation } from "@/hooks/use-workspace-navigation";
-import { Empty, Loading } from "@unkey/ui";
-import { Suspense } from "react";
-import { z } from "zod";
-import { Results } from "./components/results";
-import { SearchField } from "./filter";
+import { IdentitiesClient } from "./_components/identities-client";
 import { Navigation } from "./navigation";
-export const dynamic = "force-dynamic";
-
-type Props = {
-  searchParams: {
-    search?: string;
-    limit?: string;
-  };
-};
-
-const DEFAULT_LIMIT = 100;
-
-const searchParamsSchema = z.object({
-  search: z.string().optional(),
-  limit: z.string().regex(/^\d+$/).optional(),
-});
-
-export default function Page(props: Props) {
-  const validatedParams = searchParamsSchema.parse(props.searchParams);
-  const search = validatedParams.search ?? "";
-  const limit = validatedParams.limit ? Number.parseInt(validatedParams.limit, 10) : DEFAULT_LIMIT;
 
+export default function Page() {
   const workspace = useWorkspaceNavigation();
 
   if (!workspace.betaFeatures.identities) {
@@ -38,22 +14,7 @@ export default function Page(props: Props) {
   return (
     <div>
       <Navigation />
-      <PageContent>
-        <SearchField />
-        <div className="flex flex-col gap-8 mb-20 mt-8">
-          <Suspense
-            fallback={
-              <Empty>
-                <Empty.Title>
-                  <Loading />
-                </Empty.Title>
-              </Empty>
-            }
-          >
-            <Results search={search ?? ""} limit={limit ?? DEFAULT_LIMIT} />
-          </Suspense>
-        </div>
-      </PageContent>
+      <IdentitiesClient />
     </div>
   );
 }
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/row.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/row.tsx
deleted file mode 100644
index 49f73e340b..0000000000
--- a/apps/dashboard/app/(app)/[workspaceSlug]/identities/row.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-"use client";
-
-import { TableCell, TableRow } from "@/components/ui/table";
-import { useRouter } from "next/navigation";
-import { memo, useCallback, useMemo, useRef } from "react";
-
-type Props = {
-  identity: {
-    id: string;
-    externalId: string;
-    meta?: Record<string, unknown>;
-    ratelimits: Array<{
-      id: string;
-    }>;
-    keys: Array<{
-      id: string;
-    }>;
-    workspaceId: string;
-  };
-  workspaceSlug: string;
-};
-
-function RowComponent(props: Props) {
-  const { identity, workspaceSlug } = props;
-  const router = useRouter();
-
-  const detailsUrl = useMemo(() => {
-    const encodedWorkspaceId = encodeURIComponent(workspaceSlug);
-    const encodedId = encodeURIComponent(identity.id);
-    return `/${encodedWorkspaceId}/identities/${encodedId}`;
-  }, [workspaceSlug, identity.id]);
-
-  const prefetchTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-  const hasPrefetchedRef = useRef(false);
-
-  const handlePrefetch = useCallback(() => {
-    if (hasPrefetchedRef.current) {
-      return;
-    }
-
-    if (prefetchTimeoutRef.current) {
-      clearTimeout(prefetchTimeoutRef.current);
-    }
-
-    prefetchTimeoutRef.current = setTimeout(() => {
-      // Use Link's built-in prefetch behavior instead of manual router.prefetch
-      hasPrefetchedRef.current = true;
-    }, 100); // 100ms debounce
-  }, []);
-
-  const handleRowClick = useCallback(() => {
-    router.push(detailsUrl);
-  }, [router, detailsUrl]);
-
-  return (
-    <TableRow
-      className="group cursor-pointer"
-      onClick={handleRowClick}
-      onMouseEnter={handlePrefetch}
-      onFocus={handlePrefetch}
-      tabIndex={0}
-      onKeyDown={(e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          handleRowClick();
-        }
-      }}
-      aria-label={`View details for identity ${identity.externalId}`}
-    >
-      <TableCell className="group-hover:bg-muted/50 transition-colors">
-        <span className="font-mono text-xs text-content">{identity.externalId}</span>
-      </TableCell>
-      <TableCell className="flex flex-col gap-1 group-hover:bg-muted/50 transition-colors">
-        <pre className="text-xs text-content font-mono">
-          {JSON.stringify(identity.meta, null, 2)}
-        </pre>
-      </TableCell>
-
-      <TableCell className="font-mono group-hover:bg-muted/50 transition-colors">
-        {identity.keys.length}
-      </TableCell>
-
-      <TableCell className="font-mono group-hover:bg-muted/50 transition-colors">
-        {identity.ratelimits.length}
-      </TableCell>
-    </TableRow>
-  );
-}
-
-export const Row = memo(RowComponent);
diff --git a/apps/dashboard/lib/trpc/routers/identity/latestVerification.ts b/apps/dashboard/lib/trpc/routers/identity/latestVerification.ts
new file mode 100644
index 0000000000..c87296029c
--- /dev/null
+++ b/apps/dashboard/lib/trpc/routers/identity/latestVerification.ts
@@ -0,0 +1,54 @@
+import { clickhouse } from "@/lib/clickhouse";
+import { requireUser, requireWorkspace, t } from "@/lib/trpc/trpc";
+import { TRPCError } from "@trpc/server";
+import { z } from "zod";
+
+const lastVerificationTimePayload = z.object({
+  identityId: z.string(),
+});
+
+export const identityLastVerificationTime = t.procedure
+  .use(requireUser)
+  .use(requireWorkspace)
+  .input(lastVerificationTimePayload)
+  .query(async ({ ctx, input }) => {
+    try {
+      const query = clickhouse.querier.query({
+        query: `
+          SELECT maxOrNull(time) as last_used
+          FROM default.key_verifications_raw_v2
+          WHERE workspace_id = {workspaceId: String}
+            AND identity_id = {identityId: String}
+        `,
+        params: z.object({
+          workspaceId: z.string(),
+          identityId: z.string(),
+        }),
+        schema: z.object({
+          last_used: z.number().nullable(),
+        }),
+      });
+
+      const result = await query({
+        workspaceId: ctx.workspace.id,
+        identityId: input.identityId,
+      });
+
+      if (result.err) {
+        throw new TRPCError({
+          code: "INTERNAL_SERVER_ERROR",
+          message: "Something went wrong when fetching data from ClickHouse.",
+        });
+      }
+
+      return {
+        lastVerificationTime: result.val[0]?.last_used ?? null,
+      };
+    } catch (error) {
+      console.error("Error querying last verification for identity:", error);
+      throw new TRPCError({
+        code: "INTERNAL_SERVER_ERROR",
+        message: "Something went wrong when fetching data from ClickHouse.",
+      });
+    }
+  });
diff --git a/apps/dashboard/lib/trpc/routers/identity/query.ts b/apps/dashboard/lib/trpc/routers/identity/query.ts
index fc11f6b50f..fc9dc2243f 100644
--- a/apps/dashboard/lib/trpc/routers/identity/query.ts
+++ b/apps/dashboard/lib/trpc/routers/identity/query.ts
@@ -1,11 +1,13 @@
-import { db } from "@/lib/db";
+import { and, count, db, eq, like, or, schema } from "@/lib/db";
 import { TRPCError } from "@trpc/server";
 import { z } from "zod";
 import { ratelimit, requireWorkspace, t, withRatelimit } from "../../trpc";
+import { escapeLike } from "../utils/sql";
 
 const identitiesQueryPayload = z.object({
   cursor: z.string().optional(),
   limit: z.number().optional().default(50),
+  search: z.string().optional(),
 });
 
 export const IdentityResponseSchema = z.object({
@@ -16,12 +18,15 @@ export const IdentityResponseSchema = z.object({
   meta: z.record(z.unknown()).nullable(),
   createdAt: z.number(),
   updatedAt: z.number().nullable(),
+  keys: z.array(z.object({ id: z.string() })),
+  ratelimits: z.array(z.object({ id: z.string() })),
 });
 
 const IdentitiesResponse = z.object({
   identities: z.array(IdentityResponseSchema),
   hasMore: z.boolean(),
   nextCursor: z.string().nullish(),
+  totalCount: z.number(),
 });
 
 export const queryIdentities = t.procedure
@@ -31,18 +36,77 @@ export const queryIdentities = t.procedure
   .output(IdentitiesResponse)
   .query(async ({ ctx, input }) => {
     try {
-      const { limit = 50, cursor } = input;
+      const { limit = 50, cursor, search } = input;
       const workspaceId = ctx.workspace.id;
 
+      // Build base filter conditions for SQL queries
+      const baseConditions = [
+        eq(schema.identities.workspaceId, workspaceId),
+        eq(schema.identities.deleted, false),
+      ];
+
+      if (search) {
+        const escapedSearch = escapeLike(search);
+        const searchCondition = or(
+          like(schema.identities.externalId, `%${escapedSearch}%`),
+          like(schema.identities.id, `%${escapedSearch}%`),
+        );
+        if (searchCondition) {
+          baseConditions.push(searchCondition);
+        }
+      }
+
+      // Get total count of identities matching the filters (without pagination)
+      const [countResult] = await db
+        .select({ count: count() })
+        .from(schema.identities)
+        .where(and(...baseConditions));
+
+      const totalCount = countResult.count;
+
+      // Helper function to build filter conditions for query API
+      // biome-ignore lint/suspicious/noExplicitAny: Leave it as is for now
+      const buildFilterConditions = (identity: any, { and, eq, or, like }: any) => {
+        const conditions = [eq(identity.workspaceId, workspaceId), eq(identity.deleted, false)];
+
+        if (search) {
+          const escapedSearch = escapeLike(search);
+          const searchCondition = or(
+            like(identity.externalId, `%${escapedSearch}%`),
+            like(identity.id, `%${escapedSearch}%`),
+          );
+          if (searchCondition) {
+            conditions.push(searchCondition);
+          }
+        }
+
+        return and(...conditions);
+      };
+
       const identitiesQuery = await db.query.identities.findMany({
-        where: (identity, { and, eq, lt }) => {
-          const conditions = [eq(identity.workspaceId, workspaceId), eq(identity.deleted, false)];
+        where: (identity, helpers) => {
+          const { and, lt } = helpers;
+          // Get base filter conditions
+          const filterConditions = buildFilterConditions(identity, helpers);
 
+          // Add cursor condition for pagination only
           if (cursor) {
-            conditions.push(lt(identity.id, cursor));
+            return and(filterConditions, lt(identity.id, cursor));
           }
 
-          return and(...conditions);
+          return filterConditions;
+        },
+        with: {
+          keys: {
+            columns: {
+              id: true,
+            },
+          },
+          ratelimits: {
+            columns: {
+              id: true,
+            },
+          },
         },
         limit: limit + 1, // Fetch one extra to determine if there are more results
         orderBy: (identities, { desc }) => desc(identities.id),
@@ -62,6 +126,8 @@ export const queryIdentities = t.procedure
         meta: identity.meta,
         createdAt: identity.createdAt,
         updatedAt: identity.updatedAt ? identity.updatedAt : null,
+        keys: identity.keys,
+        ratelimits: identity.ratelimits,
       }));
 
       const lastId = identities.length > 0 ? identities[identities.length - 1].id : null;
@@ -70,6 +136,7 @@ export const queryIdentities = t.procedure
         identities: transformedIdentities,
         hasMore,
         nextCursor: hasMore && lastId ? lastId : undefined,
+        totalCount,
       };
     } catch (error) {
       console.error("Error retrieving identities:", error);
diff --git a/apps/dashboard/lib/trpc/routers/identity/search.ts b/apps/dashboard/lib/trpc/routers/identity/search.ts
index 9916d3c501..ac2fcd668e 100644
--- a/apps/dashboard/lib/trpc/routers/identity/search.ts
+++ b/apps/dashboard/lib/trpc/routers/identity/search.ts
@@ -2,6 +2,7 @@ import { db } from "@/lib/db";
 import { TRPCError } from "@trpc/server";
 import { z } from "zod";
 import { ratelimit, requireWorkspace, t, withRatelimit } from "../../trpc";
+import { escapeLike } from "../utils/sql";
 import { IdentityResponseSchema } from "./query";
 
 const LIMIT = 5;
@@ -28,25 +29,29 @@ export const searchIdentities = t.procedure
     const workspaceId = ctx.workspace.id;
 
     try {
+      const escapedQuery = escapeLike(query);
       const identitiesQuery = await db.query.identities.findMany({
         where: (identity, { and, eq, like }) => {
           return and(
             eq(identity.workspaceId, workspaceId),
             eq(identity.deleted, false),
-            like(identity.externalId, `%${query}%`),
+            like(identity.externalId, `%${escapedQuery}%`),
           );
         },
+        with: {
+          keys: {
+            columns: {
+              id: true,
+            },
+          },
+          ratelimits: {
+            columns: {
+              id: true,
+            },
+          },
+        },
         limit: LIMIT,
         orderBy: (identities, { asc }) => [asc(identities.externalId)],
-        columns: {
-          id: true,
-          externalId: true,
-          workspaceId: true,
-          environment: true,
-          meta: true,
-          createdAt: true,
-          updatedAt: true,
-        },
       });
 
       const transformedIdentities = identitiesQuery.map((identity) => ({
@@ -57,6 +62,8 @@ export const searchIdentities = t.procedure
         meta: identity.meta,
         createdAt: identity.createdAt,
         updatedAt: identity.updatedAt ? identity.updatedAt : null,
+        keys: identity.keys,
+        ratelimits: identity.ratelimits,
       }));
 
       return {
diff --git a/apps/dashboard/lib/trpc/routers/index.ts b/apps/dashboard/lib/trpc/routers/index.ts
index addce811e4..ea0a407d93 100644
--- a/apps/dashboard/lib/trpc/routers/index.ts
+++ b/apps/dashboard/lib/trpc/routers/index.ts
@@ -57,6 +57,7 @@ import { listProjects } from "./deploy/project/list";
 import { listEnvironments } from "./environment/list";
 import { createIdentity } from "./identity/create";
 import { getIdentityById } from "./identity/getById";
+import { identityLastVerificationTime } from "./identity/latestVerification";
 import { queryIdentities } from "./identity/query";
 import { searchIdentities } from "./identity/search";
 import { searchIdentitiesWithRelations } from "./identity/searchWithRelations";
@@ -342,6 +343,7 @@ export const router = t.router({
     query: queryIdentities,
     search: searchIdentities,
     getById: getIdentityById,
+    latestVerification: identityLastVerificationTime,
   }),
   deploy: t.router({
     network: t.router({
diff --git a/apps/dashboard/lib/trpc/routers/utils/sql.ts b/apps/dashboard/lib/trpc/routers/utils/sql.ts
new file mode 100644
index 0000000000..44498a2434
--- /dev/null
+++ b/apps/dashboard/lib/trpc/routers/utils/sql.ts
@@ -0,0 +1,17 @@
+/**
+ * Escapes special characters in a string for use in SQL LIKE patterns.
+ * This prevents user input from being interpreted as wildcards.
+ *
+ * @param value - The user input to escape
+ * @returns The escaped string safe for use in LIKE patterns
+ *
+ * @example
+ * ```ts
+ * const userInput = "test_value%";
+ * const escaped = escapeLike(userInput); // "test\_value\%"
+ * like(column, `%${escaped}%`) // Will match literal underscores and percent signs
+ * ```
+ */
+export function escapeLike(value: string): string {
+  return value.replace(/\\/g, "\\\\").replace(/%/g, "\\%").replace(/_/g, "\\_");
+}