Pagination with Ellipsis

A pagination component that uses an ellipsis to truncate long page ranges while keeping navigation controls visible.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Pagination with Ellipsis to your project and fits it to your theme.

import PaginationWithEllipsis from "@/components/ui/pagination-13";

export default function Demo() {
  return (
    <div className="flex w-full items-center justify-center p-6">
      <PaginationWithEllipsis />
    </div>
  );
}