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

775

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

Product card
sleek and modern product card

Author:
OmKar Mehta

1 year ago

6.3k
Product features cards

Author:
Henrik R.

1 year ago

3.9k
LinkedIn Post UI Mockup
A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

Author:
Hamza Atig

7 months ago

970
Responsive Working Process Section
This modern and responsive "Our Working Process" section adapts seamlessly to all screen sizes, ensuring a smooth user experience. The design follows a structured step-by-step layout with clear typography, bold colors, and interactive elements, making it perfect for showcasing business processes or workflows.

Author:
ABDO-SY

7 months ago

958
Coming Soon Section
Simple and beautiful card for your showing on your projects (in development) home screen

Author:
Noob

3 years ago

10.4k
card
simple card for begin

Author:
Omer fils ELENGA

8 months ago

2k
Product card

Author:
Oliver Hansen

2 years ago

9.9k
Services
Card Services Section. find it makecomponents.com

Author:
makecomponents

1 year ago

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

Author:
Uwase Alliance

5 months ago

551
Website Pricing List Card Component
A Website Pricing List Card Component is a reusable UI element that displays pricing plans or packages on a website, typically for SaaS products, subscriptions, or service tiers. It helps users easily compare different pricing options and choose the best one.

Author:
dev-fab250

5 months ago

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

Author:
Amit Pachange

1 year ago

4.7k
dismissible cookie banner with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components