Home
Srreyashi DeyChakii
Admin portal landing page

Admin portal landing page

This tailwind example is contributed by Srreyashi DeyChakii, on 26-May-2024. Component is made with Tailwind CSS v3. It is responsive.

Header Table

Author Srreyashi DeyChakii

4.2k

Fork Fullscreen

<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white">
            Admin Portal

</h1>
        <p class="text-gray-300">
           Application update and Status

</p>

<div class="shadow-lg rounded-lg overflow-hidden mx-3 md:mx-4">
    <table class="w-full table-fixed">
        <thead>
            <tr class="bg-gray-100">
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">Source</th>
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">Toggle</th>
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">URL</th>
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">Status</th>
            </tr>
        </thead>
        <tbody class="bg-white">
            <tr>
                <td class="py-4 px-6 border-b border-gray-200">box</td>
                <td class="py-4 px-6 border-b border-gray-200 truncate">On</td>
                <td class="py-4 px-6 border-b border-gray-200">www.box.net</td>
                <td class="py-4 px-6 border-b border-gray-200">
                    <span class="bg-green-500 text-white py-1 px-2 rounded-full text-xs">Active</span>
                </td>
            </tr>
            <tr>
                <td class="py-4 px-6 border-b border-gray-200">FR</td>
                <td class="py-4 px-6 border-b border-gray-200 truncate">Off</td>
                <td class="py-4 px-6 border-b border-gray-200">www.frr.com</td>
                <td class="py-4 px-6 border-b border-gray-200">
                    <span class="bg-red-500 text-white py-1 px-2 rounded-full text-xs">Inactive</span>
                </td>
            </tr>
            <tr>

Related Examples

Heade With Hero Section

Author:
Abdul Baset Bappy

8 months ago

1.4k
New Nav Component
A new navigation component

Author:
Amit PR

1 year ago

3.5k
Stars: Sun and Moon Illustrations
I Created Sun and Moon Illustrations with Tailwind CSS, Embracing Light and Dark Modes

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

4.4k
Header with logo, menu and buttons
Header with logo, menu and buttons. If you want to toggle the visibility of the mobile menu when clicking on the hamburger menu icon you can achieve this with JavaScript by adding and removing a class that controls the visibility of the mobile menu

Author:
Mike Varen

1 year ago

4.5k
Section Heading
A gorgeous section heading with a smooth blur element.

Author:
Coastal UI

1 year ago

2k
light mode table
"pretty" table

Author:
Hugo Del-Negro

5 months ago

481
Table for user management
It shows a table of users with their names, email, and role. The table also has two buttons for each row: one to save changes made to the user's details and another to delete the user.

Author:
I.P. Leroy

3 years ago

19.3k
crud
big crud

Author:
Hacker Development

10 months ago

1.1k
Book
nice kbx

Author:
Umutoniwase Yvette

9 months ago

658
Transparent Navbar

Author:
Rajesh Maheshwari

1 year ago

2.1k
App Hero Section With header

Author:
Abdul Baset Bappy

8 months ago

1.1k
Responsive Header
Beautiful responsive header component

Author:
Rajesh Maheshwari

1 year ago

2.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components