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

13

Fork Fullscreen

<nav class="flex">
    <ol role="list" class="flex items-center">
        <li class="text-left">
            <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">
                    Home </a>
            </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">
                        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

Author:
Leon Bachmann

3 years ago

10.6k
Content Discovery Platform with Search & Filter
A modern, responsive web application built with Tailwind CSS that showcases content cards with search and filter functionality.

Author:
Sufyan jutt

3 months ago

227
Pagination small
Suitable for large no of pages

Author:
Prajwal Hallale

3 years ago

7.5k
Pagination - Htmlwind
Centered numbers pagination

Author:
Htmlwind

8 months ago

928
Pagination
This is a simple pagination

Author:
Khalid

1 year ago

2.6k
Pagination
It's my first project which i made him in the using tailwind css and html

Author:
Sufyan jutt

3 months ago

186
Simple Pagination

Author:
Gopi Yadav

3 years ago

10.2k
Pagination

Author:
Anonymous

1 year ago

1.5k
Basic pagination

Author:
Sophia Baker

3 years ago

12.5k
ACODE,ASTER
love my projuct

Author:
Code Master(Mfuranziza Dusabe Hamza)

8 months ago

733
My Coding Journey
To transform a standard timeline into an engaging, scroll-driven narrative experience.

Author:
Code Master(Mfuranziza Dusabe Hamza)

5 months ago

584
Clean Pagination

Author:
Anonymous

1 year ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2026 TailwindFlex. All Rights Reserved.

v1.12