Deals of the Day - Exclusive Discounts!

Grab the best deals on top products with unbeatable discounts! Limited-time offers on premium gadgets, fashion, and more. Shop now and save big before the deal ends!

This tailwind example is contributed by SHARIFUL ISLAM, on 20-Feb-2025. Component is made with Tailwind v3.4. It is responsive.

Card

Author SHARIFUL ISLAM

Tailwind v3.4 1.4k 2

Fork Fullscreen

<img src="https://www.gadstyle.com/wp-content/uploads/2024/08/samsung-galaxy-watch-7-ai-smart-watch-40mm-44mm-2.webp" alt="Product Image" class="mx-auto w-40 h-40 object-contain">

<h2 class="text-xl font-bold text-blue-600 mt-4">New Apple HomePod Mini</h2>

<p class="text-gray-500 text-sm mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>

<a href="#" class="mt-4 inline-flex items-center gap-2 px-5 py-2 bg-blue-600 text-white font-medium rounded-lg shadow-md hover:bg-blue-700 transition">
      Shop Now
      <span>➡️</span>
    </a>
  </div>
</div>

Related Examples

Features cards section
Features cards section with dark theme

Sophia Baker

3 years ago

11.1k
Checkout Card
A modern and responsive checkout card built with HTML & Tailwind CSS, featuring a clean UI, smooth shadows, and interactive hover effects. It includes secure payment options, a clear pricing breakdown, and adapts seamlessly to all screen sizes. Perfect for e-commerce and digital platforms to enhance user experience.

Rajesh Maheshwari

1 year ago

1.9k
Creative Bento Grid – Modern Services Section
A bold and responsive Bento Grid for presenting services, performance metrics and calls to action. Built entirely with Tailwind CSS and featuring vibrant colors, rounded cards and smooth hover effects.

Blanaru Casian

3 months ago

210
Features

Michael Andreuzza

2 years ago

5.7k
Profile Card
Modern Profile card with Subtle overlay on image, minimal and clean approach with emphasis on readability and hierarchy.

UI-Templates

1 year ago

1.5k
Animated cards

Michael Andreuzza

2 years ago

7.4k
grid card

Md. Tofayel islam

2 years ago

2.6k
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Ameth Galarcio

2 years ago

4.2k
Responsive Grid with Featured image

_Amar_

4 years ago

13.2k
Get Started ,Membership section - responsive - darkMode

ABDO-SY

1 year ago

1.5k
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
cards
cards with background animation

Anonymous

3 years ago

11.9k