Core UI
Pagination
Controlled numbered pager with ellipsis compression for large page counts and prev/next controls.
Pagination
Live preview of the Pagination component
The code ships with Velocity.
Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.
Get Velocity X — from $1,250 See all packages →Using the Pagination component
Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.
More Core UI components
Browse all →Tabs — Underline & Pill
Keyboard-accessible tab list with an animated active indicator, switchable between underline and pill visual variants via one prop.
Vertical Tabs
Side-stacked tab list with a content pane, for settings-style layouts, with up/down arrow keyboard navigation.
Accordion / FAQ List
Expand/collapse FAQ list with measured-height animation, single or multi-open modes, and arrow-key navigation between headers.
Breadcrumbs
Static breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.
Side Drawer Panel
The house data-entry surface — right-docked drawer on desktop, three-snap-point draggable bottom sheet on mobile, with focus trap and a dock-minimise control.
Tooltip
Hover/focus label that computes its own placement and flips side on viewport overflow, with no positioning library.