Home
farisubuntu
Admin dashboard cards

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 CSS v3. It is responsive.

Card

Author farisubuntu

2.9k

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

YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Author:
Hamza Atig

1 year ago

1.2k
Fancy blog post card

Author:
Mr Robot

3 years ago

12.9k
Premium Gaming UI Card, Form & Animated Button (Tailwind CSS)
A modern, senior-level gaming UI built with Tailwind CSS focusing on spacing, typography, and calm visual hierarchy rather than noisy effects. This component set includes: A premium gaming card with clear content structure and outcome-focused copy A clean player signup form with accessible focus states and minimal visual noise A custom animated button using a restrained light-sweep effect for premium interaction feedback Designed to resemble real production gaming platforms rather than demo or template UI. Fully responsive, copy-paste ready, and easy to extend for real-world projects.

Author:
Ayyamperumal S

4 months ago

297
Targeta
Targeta

Author:
Raul antonio de la cruz hernandez

5 months ago

500
Weather card
Component was one shot generated using https://inspi.me

Author:
yogourt

3 months ago

673
opulent
this a page didicated for laptops,phones using tailwindcss

Author:
ishimwe shadad

11 months ago

1.3k
Patient card

Author:
Anonymous

1 year ago

2.3k
Tailwind Animated Login Form
A modern Tailwind CSS animated login form featuring smooth transitions, premium UI styling, responsive layout, and interactive input effects. Designed for admin panels, SaaS dashboards, and secure web applications, this login template delivers a clean light-theme interface with professional animations and a high-end user experience.

Author:
shrenik khule

2 months ago

570
Issue card
card designed to display the details of a technical issue

Author:
ABDO-SY

1 year ago

2.5k
Interactive Pricing Cards
this are pricing cards

Author:
ishimwe shadad

11 months ago

1.3k
Brand Grid with Hover Effect

Author:
ariaw

1 year ago

1.7k
Elegant Cards
Useful Tailwind classes for creating several types of cards. Ranging from simple text to more complex cards with animations and video.

Author:
Nick Girga

11 months ago

879

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components