Kinetic UI | The Creative Motion Component Library

Pagination with page navigation, next and previous links.

Live Preview

Pagination

Usage Guide

1. Import the Component

Import the component into your React or Next.js page:

import { Pagination } from "@/components/ui/pagination";

2. Implementation Example

Render the component and customize its behavior by passing props:

import { Pagination } from "@/components/ui/pagination";

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

Frequently Used With