Basic pagination

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

Pagination

Author Leon Bachmann

Tailwind v3.4 9.6k 15

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

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

Bogdan Galin

3 years ago

9k
ACODE,ASTER
love my projuct

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.5k
SomaRwanda
Menya uburyo bwo kwandika ibisomwa, impuzandimi, n'imyandikire y'icyongereza mu buryo bworoshye.

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.7k
Simple Pagination

Manuela Bianka

4 years ago

12.6k
chat ui advanced
Professional chat ui, connect me for jsx https://abhirajk.vercel.app/

Abhiraj

1 year ago

2.5k
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

Amit Pachange

4 years ago

9.7k
Clean Pagination

Anonymous

1 year ago

1.9k
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Achraf Testq

7 months ago

634
Pagination

Nishant Trivedi

3 years ago

10.2k
Previous Next Buttons
Pagination buttons

Alok

4 years ago

15.4k
Pagination

Anonymous

2 years ago

2.1k
Pagination
Pagination with total page and current page.

Alok

4 years ago

12.1k