Pagination
Chevron ends
Best for
A tight row where the ends need to be reachable rather than explained
Anatomy
Four jump buttons at 44 · a seven-slot window that never resizes · ellipsis with no border · arrows fade at the ends
Page 1 of 20
Of-N stepper
Best for
A narrow footer — one number, its total, and a way to jump straight to a page
Anatomy
Current page in ink beside the total · previous and next · the count spelled out · a select that jumps
Page 1 of 26
Labelled ends
Best for
A footer with room for words — Previous and Next survive translation and a screen reader better
Anatomy
Words at both ends, equal weight · the same seven-slot window · count and jump-to-page under the row
Page 1 of 26
Go to page
Best for
Long sets where paging one at a time is not the point — type the page and go
Anatomy
Numbers with a go-to select and its own Go · the boxed and the round shape · Go dead until the page changes
Page 1 of 26
Rows per page
Best for
The other half of paging — how many rows a page is, before which page you are on
Anatomy
Grey track with the active choice lifted onto white · only the active one says rows · the range said in full
Showing 1–5 of 47
Raised Next
Best for
A screen where moving between pages is the main thing happening
Anatomy
Previous and Next lifted onto white · numbers at 32 between them · both fade rather than leave at the ends
Page 1 of 10
Pagination item
Best for
The cell every one of these rows is built from
Anatomy
Four types · four states · 36, 32 and 28 · fill white or outline, never both in one row · radius 8 or a pill
Fill black is the current page and nothing else, and never mix fill white with outline in one row.
Be first in,
and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.Pagination
Chevron ends
Best for
A tight row where the ends need to be reachable rather than explained
Anatomy
Four jump buttons at 44 · a seven-slot window that never resizes · ellipsis with no border · arrows fade at the ends
Page 1 of 20
Of-N stepper
Best for
A narrow footer — one number, its total, and a way to jump straight to a page
Anatomy
Current page in ink beside the total · previous and next · the count spelled out · a select that jumps
Page 1 of 26
Labelled ends
Best for
A footer with room for words — Previous and Next survive translation and a screen reader better
Anatomy
Words at both ends, equal weight · the same seven-slot window · count and jump-to-page under the row
Page 1 of 26
Go to page
Best for
Long sets where paging one at a time is not the point — type the page and go
Anatomy
Numbers with a go-to select and its own Go · the boxed and the round shape · Go dead until the page changes
Page 1 of 26
Rows per page
Best for
The other half of paging — how many rows a page is, before which page you are on
Anatomy
Grey track with the active choice lifted onto white · only the active one says rows · the range said in full
Showing 1–5 of 47
Raised Next
Best for
A screen where moving between pages is the main thing happening
Anatomy
Previous and Next lifted onto white · numbers at 32 between them · both fade rather than leave at the ends
Page 1 of 10
Pagination item
Best for
The cell every one of these rows is built from
Anatomy
Four types · four states · 36, 32 and 28 · fill white or outline, never both in one row · radius 8 or a pill
Fill black is the current page and nothing else, and never mix fill white with outline in one row.
Be first in, and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.