Group hover card

article card

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

Tailwind v3.4 12.3k 12

<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

Samuel Dawson

3 years ago

33.3k
Image card with overlay text overlay

Santos78

3 years ago

33.2k
Card grid for blog Posts / Articles

Abhijit Sen

3 years ago

25.2k
Card with sale ribbon

Fagundo67

3 years ago

12.5k
Tailwind image card with text above it

I.P. Leroy

3 years ago

26.6k
Amazing E-commerce card
An amazing e-commerce card with stunning hover effect

Robert Chunga

1 year ago

3.3k
Chats Screen in neomorphism

Akram Khan

2 years ago

3k
Linear dinamique section by Raul antonio de la cruz hernandez remix omerlinx responsive
Linear dinamique section by Raul antonio de la cruz hernandez remix omerlinx responsive

Omer fils ELENGA

9 months ago

1k
Card with Thumbnail
Post card with image

Mr Robot

4 years ago

12k
home
html , css

Hacker Development

1 year ago

2.4k
Products card grid
Example of product card grid with product image and pricing

Noob

4 years ago

24.9k
Products cards w/ hover effect
Example of product card grid with product image, pricing and a hover effect FORKED FROM: https://tailwindflex.com/noob_dev/products-card-grid

threehymns

3 years ago

20.2k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

View all tags

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.