card

This tailwind example is contributed by 5upreme505, on 21-Oct-2024. Component is made with Tailwind CSS v3. It is responsive.

Card

Author 5upreme505

928

Fork Fullscreen

<div class="w-1/2 space-y-4 rounded-xl bg-white text-black">
    <div class=" space-y-4 ml-7 mt-14">
      <p class=" ">P E R F U M E</p>
      <h1 class="text-4xl font-bold">Gabrielle Essence Eau De Parfum</h1>
      <p class=" space-y-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Non fugit nesciunt reprehenderit fugiat esse nam quam cupiditate animi recusandae laboriosam.</p>

</div>
      
      <div class=" items-center text-center  justify-center">
        <button class="text-white font-bold bg-green-800 py-4 px-20 rounded-xl">Add to card</button>
        </div>
    </div>
  </div>
</div>

Related Examples

Article card

Author:
Sienna

2 years ago

9.3k
Why Us section with hover animation
Why to choose us section, responsive and hove animation

Author:
Amit Pachange

1 year ago

3.9k
myCard
card with image,title,body

Author:
farisubuntu

11 months ago

1.6k
Info cards

Author:
Samuel Dawson

2 years ago

9.9k
Beautiful and Responsive Card Component
Modern, professional and responsive card component for the blog/services/info

Author:
Rajesh Maheshwari

2 months ago

227
Card
Jobs recommended for you LinkedIn Clone

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

4 weeks ago

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

Author:
Shariar Hasan

1 year ago

1.9k
Responsive Projects Section

Author:
ᴀʀ!ᴀ

4 weeks ago

234
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

Author:
threehymns

1 year ago

16.8k
Tailwind card with gradient border

Author:
Elijah Davis

2 years ago

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

Author:
Robert Chunga

5 months ago

1.7k
Labs card
Lab item list card

Author:
Sedat Kumcu

6 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components