Home
SHARIFUL ISLAM
Deals of the Day - Exclusive Discounts!

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 CSS v3. It is responsive.

Card

Author SHARIFUL ISLAM

957

1

Fork Fullscreen

<div class="bg-white dark:bg-gray-800 flex justify-center items-center w-screen h-screen p-5">
 <div class="bg-white shadow-lg rounded-lg p-6 w-80 relative text-center">
    
    <div class="absolute top-4 right-4 bg-orange-500 text-white text-xs font-bold px-3 py-1 rounded-full">
      25% OFF
    </div>

<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

Image card with overlay text overlay

Author:
Santos78

2 years ago

31.9k
Tailwind css banner offer
Bold neobrutalist design with thick borders, vibrant colors, and strong shadows - perfect for promotions.

Author:
saim-t8

4 months ago

485
Hello Acode Master! 👋
is a passionate software developer based in Rubavu. He considers himself the top developer in the area and is committed to solving real-world problems through technology.

Author:
Code Master(Mfuranziza Dusabe Hamza)

8 months ago

829
Minimal Profile card

Author:
Abhijit Sen

3 years ago

11.7k
Animated Info Card
Animated info card

Author:
Shivam Vishwakarma

1 year ago

1.4k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

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

1 year ago

3.4k
Beautiful info cards
Responsive and minimal design

Author:
Amit Pachange

3 years ago

10.5k
Video card
Video card component for tailwind css

Author:
Rajesh kulkarni

3 years ago

17.6k
Simple product card

Author:
farid

1 year ago

1.6k
Card Product
Card Product for List Product

Author:
Ronny Camacho

2 weeks ago

7
Portfolio form
Portfolio form

Author:
Joseph Melvin Kanu

1 year ago

3.1k
Product card

Author:
Oliver Hansen

3 years ago

10k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2026 TailwindFlex. All Rights Reserved.

v1.12