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

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

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

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

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

Author:
Abhiraj

11 months ago

1.5k
ACODE MASTER — Cyberpunk Full Stack Developer from Rwanda
"I’m ACODE MASTER — a visionary Full Stack Developer from Rwanda, blending cutting-edge tech with bold design. I specialize in building modern web applications using React, Node.js, and TailwindCSS, inspired by the cyberpunk aesthetic and driven by a passion for digital innovation. Welcome to the future of code."

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

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

Author:
Sufyan jutt

2 months ago

104
Pagination
Pagination with total page and current page.

Author:
Alok

3 years ago

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

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

471
Responsive Pagination Component with Tailwind CSS
This is a sleek and responsive pagination component built with Tailwind CSS. It features previous and next buttons, numbered pages, and an ellipsis (...) for better navigation when handling large sets of pages. The active page is highlighted with a bold border and color, while the disabled state is styled for clarity. The design is clean, minimal, and fully responsive, making it suitable for modern web applications.

Author:
SHARIFUL ISLAM

10 months ago

1k
Pagination

Author:
Anonymous

1 year ago

1.4k
FLESH & BONE
Stranded in the heart of a cannibal-infested jungle, you must make unthinkable choices to survive. How far will you go to see another sunrise?

Author:
gidy

1 month ago

143
Pagination

Author:
Sienna

2 years ago

10.5k
Employee table
Modern Unique and responsive table layout

Author:
Anonymous

3 months ago

369
Button group

Author:
Conan Hilton

3 years ago

9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components