Home
Sienna
Group hover card

Group hover card

article card

This tailwind example is contributed by Sienna, on 26-Dec-2022. Component is made with Tailwind CSS v3. It is responsive.

Card

Author Sienna

11.4k

Fork Fullscreen

<div class="p-2 space-y-1">
            <div class="flex items-start justify-between gap-4">
                <h3 class="flex-1 text-base font-medium text-gray-900">
                    Here goes youe article title
                </h3>

Related Examples

Hover effect card

Author:
Samuel Dawson

2 years ago

31.1k
Image card with overlay text overlay

Author:
Santos78

2 years ago

31.4k
Card grid for blog Posts / Articles

Author:
Abhijit Sen

2 years ago

23.7k
Card with sale ribbon

Author:
Fagundo67

2 years ago

11.5k
Tailwind image card with text above it

Author:
I.P. Leroy

2 years ago

24.5k
Card
Simple Card

Author:
Ashraf ali

8 months ago

1.4k
Animated Profile Card
Animated profile card with profile completion circle

Author:
Shivam Vishwakarma

9 months ago

1.3k
Update Profile
Update profile page with basic informations

Author:
Sedat Kumcu

11 months ago

2.6k
Stats card with icons
Improved Code quality and added support for dark mode

Author:
Dika Rahman

1 year ago

1.5k
Product Card for eCommerce
Here is a Product Card with discount badge, price with discount and price normally. On other hand, buttons for up or down quantity and add to cart button. This is create for Grid Columns, wich can 4 or 5 depend for desktop

Author:
Andrés Abarzúa

3 months ago

775
Image card

Author:
Laurits

2 years ago

17k
Ribbon at Corner

Author:
Mohit Prajapati

3 years ago

17.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components