Home
Lîmåã M
Pagination

Pagination

This tailwind example is contributed by Lîmåã M, on 25-May-2023. Component is made with Tailwind CSS v3. It is responsive.

Pagination

Author Lîmåã M

10.8k

Fork Fullscreen

<span class="rounded-lg border border-teal-500 px-2 py-2 text-gray-700">
        <span class="sr-only">Previous</span>
        <svg class="mt-1 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
            aria-hidden="true">
            <path fill-rule="evenodd"
                d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                clip-rule="evenodd">
            </path>
        </svg>
    </span>

</nav>

Related Examples

Pagination

Author:
Leon Bachmann

2 years ago

9.7k
Basic pagination

Author:
Sophia Baker

2 years ago

11.6k
Pagination small
Suitable for large no of pages

Author:
Prajwal Hallale

2 years ago

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

Author:
Amit Pachange

2 years ago

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

Author:
Leif99

2 years ago

10.9k
Pagination

Author:
Nishant Trivedi

2 years ago

9.6k
Previous page - Next page Buttons

Author:
Krishna Gudpalle

2 years ago

12.8k
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)

1 month ago

343
TailwindFlex – Creative Animated Home Experience
"Innovative Home with Tailwind Animated Background" "Animated Hero – TailwindFlex Design" "Smooth UI – Creative Motion with Tailwind CSS" "Home Harmony – Motion Meets Design" "TailwindFlex Home – Fluid Animation & UI"

Author:
Code Master(Mfuranziza Dusabe Hamza)

1 month ago

326
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
Clean Pagination

Author:
Anonymous

5 months ago

629
Pagination
Pagination with total page and current page.

Author:
Alok

2 years ago

10.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components