Card

Card with Likes and download Button

This tailwind example is contributed by Mrunal Solkar, on 03-Sep-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Card Button

Author Mrunal Solkar

9.4k

Fork Fullscreen

</button>
      <button class="download">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15M9 12l3 3m0 0l3-3m-3 3V2.25" />
</svg>

</button>
    </div>
  </div>

</div>

Related Examples

Image card with overlay text overlay

Author:
Santos78

2 years ago

28.8k
Tailwind image card with text above it

Author:
I.P. Leroy

2 years ago

21.7k
Product card

Author:
Simon Scheffer

2 years ago

27.8k
Glowing gradient button
Button on black background

Author:
Leon Bachmann

2 years ago

33.9k
Hover effect card

Author:
Samuel Dawson

2 years ago

27.8k
Floating buttons examples
Bottom-Right Corner, Bottom-Left Corner, Top-Left Corner, Top-Right Corner, Center, Bottom-Center

Author:
Livia Flores

1 year ago

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

Author:
Noob

2 years ago

21k
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.3k
IMDB score and votes box

Author:
Darius G

1 year ago

7.9k
Travel Landing Page: Australia

Author:
Maxim

1 week ago

158
Card Component
This component is a simple card (without image) component with hover effect & Dark mode Supported & full responsive

Author:
Shariar Hasan

1 year ago

2.7k
Info Card
info card with description

Author:
Prashant

2 years ago

11.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components