Blog Cards

Discover modern blog card components built with Tailwind CSS v4. Enhance your marketing pages with responsive, customizable blog cards for posts, articles, and news—optimized for performance and SEO.

6 of 7 components have a dark mode variants

Bordered with image, date, title and excerpt, shadow on hover

markmead

Bordered with image, date, title and excerpt, shadow on hover (Dark)

markmead

Floating image with title and excerpt

markmead

Floating image with title and excerpt (Dark)

markmead

Bordered with image, title, excerpt and call to action

markmead

Bordered with image, title, excerpt and call to action (Dark)

markmead

Gradient border with date, title and tags, animated gradient on hover

markmead

Gradient border with date, title and tags, animated gradient on hover (Dark)

markmead

Bordered with icon, title, excerpt and call to action, shadow on hover

markmead

Bordered with icon, title, excerpt and call to action, shadow on hover (Dark)

markmead

Artistic with rotated date, image, title, excerpt and call to action, shadow on hover

markmead

Artistic with rotated date, image, title, excerpt and call to action, shadow on hover (Dark)

markmead

Background image with overlay containing date, title and excerpt

markmead

Related components

Cards

9 components

View all marketing components