Card
Card with Likes and download Button
This tailwind example is contributed by Mrunal Solkar, on 03-Sep-2023. Component is made with Tailwind v3.4. It is responsive. It supports dark mode.
Related Examples
-
-
-
32.4k -
Glowing gradient button
Button on black background
41.1k -
Floating buttons examplesBottom-Right Corner, Bottom-Left Corner, Top-Left Corner, Top-Right Corner, Center, Bottom-Center
26.4k -
-
Products card gridExample of product card grid with product image and pricing
24.8k -
Products cards w/ hover effectExample of product card grid with product image, pricing and a hover effect FORKED FROM: https://tailwindflex.com/noob_dev/products-card-grid
20.1k -
-
E-Learning Course Card with Badge and Level IndicatorAn HTML and Tailwind CSS component mockup for displaying course information. Features include a placeholder image area with an overlaid certificate badge, a distinct level indicator banner below the image, category text, a course title, key details (like duration and learner count placeholders), and primary/secondary action buttons. Designed for e-learning platforms or course listings.
1.6k -
Image CardAn image. Shows title and description info when hovering. Image zooms and darkens when hovering.
1.1k
Browse by topic
Explore components by Tags
Jump straight to the UI pattern you need.
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.