Pagination
/paj-ih-NAY-shun/ · noun · NAV pattern · #050
Numbered stops through a long list, with previous and next as bookends. Users trade endless scroll for a sense of place.
Also called: page numbers, pager, numbered pagination.
You might call it
- “the page numbers at the bottom”
- “the 1 2 3 Next buttons”
- “the next page and previous page links”
- “numbered pages under search results”
- “the page navigation at the end of a list”
…its name is Pagination.
Common questions
What are the page numbers at the bottom of a website called?
Pagination: the numbered links (1 2 3 … Next) that split a long list or search results into pages. The alternatives are infinite scroll and a Load more button.
In code
| iOS / Android / Flutter | No numbered pagination component — mobile lists usually load more as you scroll |
|---|---|
| Web (HTML / ARIA) | <nav aria-label="Pagination"> <a href="?page=2"> aria-current="page" |
Prompt for your AI coding tool
Add pagination below the list: Previous and Next links plus page numbers, with the first page, the last page and the pages around the current one shown and the rest collapsed into “…”. The current page is highlighted and marked aria-current="page", Previous is disabled on page 1 and Next on the last page, and every page is a real link (?page=N) inside <nav aria-label="Pagination"> so it can be bookmarked and crawled.
More UI words to use when vibe coding →