Home
Leon Bachmann
Basic pagination

Basic pagination

This tailwind example is contributed by Leon Bachmann, on 06-Feb-2023. Component is made with Tailwind CSS v3. It is responsive.

Pagination

Author Leon Bachmann

8.2k

Fork Fullscreen

<li class="text-left">
            <div class="flex items-center">
                <span class="mx-2 text-gray-400">/</span>
                <div class="-m-1">
                    <a href="#"
                        class="rounded-md p-1 text-sm font-medium text-gray-600 focus:text-gray-900 focus:shadow hover:text-gray-800">
                        Products </a>
                </div>
            </div>
        </li>

<li class="text-left">
            <div class="flex items-center">
                <span class="mx-2 text-gray-400">/</span>
                <div class="-m-1">
                    <a href="#"
                        class="rounded-md p-1 text-sm font-medium text-gray-600 focus:text-gray-900 focus:shadow hover:text-gray-800"
                        aria-current="page"> Coffee </a>
                </div>
            </div>
        </li>
    </ol>
</nav>

Related Examples

Previous page - Next page Buttons

Author:
Krishna Gudpalle

2 years ago

12.8k
Pagination
This is a simple pagination

Author:
Khalid

1 year ago

2k
Responsive pagination with items per page filter
Displays previous and next pagination buttons on mobile devices

Author:
Leif99

2 years ago

11k
Previous Next Buttons
Pagination buttons

Author:
Alok

2 years ago

13.6k
AcodeMaster GameZone – Play Your Favorite Games Online
AcodeMaster GameZone is a modern gaming website where you can discover, explore, and play exciting games anytime, anywhere. Designed with smooth animations and a stylish dark theme using Tailwind CSS, it offers a fast and fun experience for every gamer.

Author:
Code Master(Mfuranziza Dusabe Hamza)

2 months ago

571
Pagination

Author:
Nishant Trivedi

2 years ago

9.6k
Simple pagination

Author:
Elijah Davis

2 years ago

8.5k
Simple rounded pagination
It has a minimalistic look with options to go to the previous and next pages and click on specific page numbers.

Author:
Diego Chavez

1 year ago

7.3k
Employee table
Modern Unique and responsive table layout

Author:
Rajesh Maheshwari

5 months ago

1.2k
Pagination - Htmlwind
Centered numbers pagination

Author:
Htmlwind

2 months ago

110
Pagination with hover effect
Simple Pagination. If you have a website with lots of pages, you may wish to add some sort of pagination to each page for better navigation

Author:
Bogdan Galin

1 year ago

7.9k
Simple Pagination

Author:
Manuela Bianka

2 years ago

11.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components