Pagination V05
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A plant shop grid that starts with eight products and adds eight more each time the Load more button is pressed. A status line reads "Showing 16 of 30 plants" for screen readers, a thin meter shows progress, and focus moves to the first new product. When everything is shown the button is disabled and says so.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 301 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Appends the next batch from a data array
- Count announced through a role=status live region
- Focus moves to the first newly loaded item
- Disabled final state with a clear label
- Inline SVG plant illustrations, no images to load
Similar Templates
