Simple card layout with image
This tailwind example is contributed by Leon Bachmann, on 30-Nov-2022. Component is made with Tailwind CSS v3.
Author Leon Bachmann
Related Examples
-
Card with image full widthThis component is a card designed for showcasing featured blog posts. It includes the post title, a captivating image, category links, and author details.
3 years ago13.9k -
3 years ago24.4k -
1 year ago7k -
Custom Success PageThis code provides a clean, modern and informative look.
3 weeks ago41 -
Cardamazing card
1 year ago1.9k -
8 months ago458 -
Card-ProductProduct card for vertical windows, if you need a more complete version to show more information, you have other options in my profile
1 year ago2.7k -
Dynamic Service Showcase with Interactive Flip CardsThis component presents a visually engaging service section featuring interactive flip cards. Each service card displays an image on the front and reveals details on the back when hovered over. The layout is responsive, ensuring seamless adaptability across various screen sizes. The hover effect adds a modern and engaging touch, enhancing user interaction.
11 months ago1.5k -
1 year ago2.8k -
1 year ago1.9k -
FeaturesA clean, responsive feature section with icons, smooth hover effects, soft backgrounds, and clear titles for modern website designs.
7 months ago584 -
Modern Responsive Pricing Section with ToggleA sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.
10 months ago1.1k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
