# Pagination components

> Manage content flow with 22 pagination React components, providing intuitive navigation and styled with Tailwind CSS.

114 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/pagination.

- [usePagination](https://21st.dev/@originui/components/use-pagination.md) — by Origin UI
- [Pagination](https://21st.dev/@shadcn/components/pagination.md) — by shadcn
- [Pagination](https://21st.dev/@mynaui/components/pagination/boxed.md) — by shadcn
- [Pagination](https://21st.dev/@mynaui/components/pagination/separate.md) — by shadcn
- [Pagination](https://21st.dev/@mynaui/components/pagination/basic.md) — by shadcn
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination.md) — by Hero Ui
- [Pagination](https://21st.dev/@sean0205/components/pagination.md) — by Sean Hello
- [Morphing Page Dots](https://21st.dev/@ruixen.ui/components/morphing-page-dots.md) — by Ruixen UI
- [Pagination](https://21st.dev/@sean0205/components/pagination/icon.md) — by Sean Hello
- [Wheel Pagination](https://21st.dev/@ruixen.ui/components/wheel-pagination.md) — by Ruixen UI
- [Sliding Pagination](https://21st.dev/@ruixen.ui/components/sliding-pagination.md) — by Ruixen UI
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/custom-icons.md) — by Hero Ui
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/with-ellipsis.md) — by Hero Ui
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/sizes.md) — by Hero Ui
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/disabled.md) — by Hero Ui
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/controlled.md) — by Hero Ui
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/with-summary.md) — by Hero Ui
- [The Pagination](https://21st.dev/@hero_ui/components/the-pagination/simple.md) — by Hero Ui
- [Numbered Pagination](https://21st.dev/@originui/components/numbered-pagination.md) — by Origin UI
- [Next-Gen Pagination: Accessible](https://21st.dev/@uniquesonu/components/next-gen-pagination-accessible.md) — by Sonu
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/show-all.md) — by antdesign
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant.md) — by antdesign
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/jumper.md) — by antdesign
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/total-number.md) — by antdesign
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/mini-size.md) — by antdesign
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/more.md) — by antdesign
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/changer.md) — by antdesign
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/align.md) — by antdesign
- [Pagination](https://21st.dev/@shugar/components/pagination.md) — by tigran tumasov
- [Pagination](https://21st.dev/@reuno-ui/components/pagination.md) — by reuno-ui
- [Pagination](https://21st.dev/@originui/components/pagination.md) — by Origin UI
- [Pagination](https://21st.dev/@reuno-ui/components/pagination/pagination-with-buttons.md) — by reuno-ui
- [Pagination](https://21st.dev/@reuno-ui/components/pagination/pagination-square-outlined.md) — by reuno-ui
- [Pagination](https://21st.dev/@reuno-ui/components/pagination/pagination.md) — by reuno-ui
- [Pagination](https://21st.dev/@reuno-ui/components/pagination/numbered-pagination-with-navigation.md) — by reuno-ui
- [Pagination](https://21st.dev/@reuno-ui/components/pagination/pagination-navigation-bar.md) — by reuno-ui
- [Pagination](https://21st.dev/@originui/components/pagination/with-ghost-buttons.md) — by Origin UI
- [Joined Pagination](https://21st.dev/@originui/components/joined-pagination.md) — by Origin UI
- [Scroll Pagination](https://21st.dev/@ruixen.ui/components/scroll-pagination.md) — by Ruixen UI
- [Pagination with text buttons](https://21st.dev/@originui/components/text-pagination.md) — by Origin UI
- [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/pagination.md) — by felipemenezes098
- [Stack Pagination](https://21st.dev/@ruixen.ui/components/stack-pagination.md) — by Ruixen UI
- [GooeyPagination](https://21st.dev/@ruixen.ui/components/gooey-pagination.md) — by Ruixen UI
- [Pagination](https://21st.dev/@anubra266/components/pagination/pagination-numbered.md) — by Abraham
- [Pagination](https://21st.dev/@anubra266/components/pagination/pagination-complete.md) — by Abraham
- [Icon Pagination](https://21st.dev/@ruixen.ui/components/icon-pagination.md) — by Ruixen UI
- [Pagination](https://21st.dev/@ekmas/components/pagination/pagination-demo.md) — by Samuel Breznjak
- [Pagination](https://21st.dev/@anubra266/components/pagination/pagination-with-page-size.md) — by Abraham
- [Pagination](https://21st.dev/@anubra266/components/pagination/pagination-with-input.md) — by Abraham
- [Pagination](https://21st.dev/@anubra266/components/pagination/pagination-with-dropdown.md) — by Abraham
- [Pagination](https://21st.dev/@anubra266/components/pagination/pagination-with-info.md) — by Abraham
- [Pagination](https://21st.dev/@anubra266/components/pagination.md) — by Abraham
- [Pagination](https://21st.dev/@preetsuthar17/components/pagination.md) — by Preet Suthar
- [Pagination](https://21st.dev/@SubframeApp/components/pagination/pagination-with-current-info.md) — by SubframeApp
- [Pagination](https://21st.dev/@SubframeApp/components/pagination.md) — by SubframeApp
- [Pagination](https://21st.dev/@SubframeApp/components/pagination/pagination-stacked.md) — by SubframeApp
- [Pagination](https://21st.dev/@SubframeApp/components/pagination/pagination-with-next-n-previous-link.md) — by SubframeApp
- [8-bit Pagination](https://21st.dev/@theorcdev/components/8bit-pagination.md) — by OrcDev
- [Reshaped Pagination](https://21st.dev/@reshaped/components/reshaped-pagination.md) — by reshaped
- [Reshaped Pagination](https://21st.dev/@reshaped/components/reshaped-pagination/controlled.md) — by reshaped

Full component directory: https://21st.dev/llms.txt