Admin dashboard cards

Card groups for showing stats/info. Change it for responsiveness for small and medium screen

This tailwind example is contributed by farisubuntu, on 28-Jun-2024. Component is made with Tailwind v3.4. It is responsive.

Card

Author farisubuntu

Tailwind v3.4 3.3k 10

Fork Fullscreen

<div class="flex flex-1 flex-col justify-between">
    <div class="border-s border-gray-900/10 p-4 sm:border-l-transparent sm:p-6">
      <a href="#">
        <h3 class="font-bold uppercase text-gray-900">
          Finding the right guitar for your style - 5 tips
        </h3>
      </a>

<p class="mt-2 line-clamp-3 text-sm/relaxed text-gray-700">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae dolores, possimus
        pariatur animi temporibus nesciunt praesentium dolore sed nulla ipsum eveniet corporis
        quidem, mollitia itaque minus soluta, voluptates neque explicabo tempora nisi culpa eius
        atque dignissimos. Molestias explicabo corporis voluptatem?
      </p>
    </div>

Related Examples

Profile, Team or Testimonial
Profile, Team or Testimonial

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

4.1k
Weather info Card
Inspired from Mamba UI

Ron Hicks

4 years ago

12.8k
Card Component Simple
This is a Card Component for simple use &full responsive

Shariar Hasan

2 years ago

3.5k
Food Order Card
Ecommerce/Food order card layout

Rajesh Maheshwari

1 year ago

1.7k
Food delivery ecommerce Card

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

2.8k
masonary grids effect for cards using columns
As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).

rohit whyphy

1 year ago

1.6k
Avtar Cards
this is cards, for the profile section

pablitodgb

1 year ago

943
Custom Success Page
This code provides a clean, modern and informative look.

Alif Bima Pradana

8 months ago

572
Fancy blog post card

Mr Robot

3 years ago

13.4k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

3.8k
Drinkware landing page

Maxim

1 year ago

2.1k
Dynamic Google Card

Cristian

1 year ago

1.7k