Navigation

Pagination

Physical spring-sliding page navigation adaptive for both desktop and mobile views.

Interactive Pagination

Pagination with absolute sliding spring indicators, automatic dot compression, and responsive mobile triggers.

Active Page: 1

'use client'

import React from 'react'

export default function App() {
  return (
    <InteractivePaginationDemo />
  )
}

Prop	Type	Default	Description
`currentPage`	`number`	—	The active numerical index of the current page selected
`totalPages`	`number`	—	The absolute total amount of pages available
`onChange`	`(page: number) => void`	—	Callback invoked when a new page index is triggered
`siblingCount`	`number`	1	Number of active siblings to show on each side of the active page index

Timeline

Liquid Tab