card design
card design
This tailwind example is contributed by Tanvir Hasan Bappy (Tanvir), on 29-Dec-2025. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Article Card, Blog page card, Article card
Related Examples
-
Blog post showcase minimala grid showcasing the blog posts with images and title
4.1k -
Responsive card gridResponsive card grid for posts section
12k -
Cardtravel place card hover effect card
2.5k -
3D CardMade a 3d card using tailwind css and the js
886 -
-
Responsive Card Section With Hover Effectadded more cards with ui friendly
984 -
Instagram Post UI MockupA static HTML and Tailwind CSS component that visually replicates the user interface of an Instagram post. This mockup includes the post header (avatar, username, options), image area, action buttons (like, comment, share, save), like count, caption, and comment section. It features responsive constraints and supports both light and dark mode, closely mimicking the look and feel of the actual Instagram app. Ideal for UI prototyping, style guides, or frontend development practice.
2.2k -
-
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.
2.1k -
Posts / Articles card gridPresent a collection of articles or blog posts in a grid format with their respective featured images
6.2k -
-
Verticle card gridBest suited for news websites
14.3k
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.