card

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

Card

Author 5upreme505

Tailwind v3.4 2k 4

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

Recipe card
A modern and responsive Tailwind CSS recipe card with image, ingredients, and instructions. Supports dark mode and mobile view.

Rajesh Pandey

1 year ago

1.8k
Profile Card

Crimson

1 year ago

2k
Holiday package card
Responsive card

Aman kumar

2 years ago

7.2k
Beautiful Info card
Info card with info type section on the corner.

TailwindFlex

4 years ago

10.9k
Card Component
A Simple Card Component with full responsiveness and dark mode supported

Shariar Hasan

2 years ago

4k
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
A product card with size selector
Using alpine it shows a size selector when clicking in cart

farid

1 year ago

1.9k
Experince Section

ABDO-SY

1 year ago

1.3k
Portfolio form
Portfolio form

Joseph Melvin Kanu

2 years ago

3.5k
Cards Seaction - Services block

ABDO-SY

1 year ago

2.4k
Basic US Flag Card
Here's a set of card components styled with Tailwind CSS that represent various US-themed elements:

Uwase Alliance

1 year ago

865
Astro build starter template with Tailwind
Astro build starter template with Tailwind

Geoffrey Callaghan

2 years ago

4.5k