Skip to content
Tessera UI

Suggestions

← Back to Marketing

Blog Cards

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

6/7 dark-mode variantsUpdated Jul 4, 2026

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

Floating image with title and excerpt

Bordered with image, title, excerpt and call to action

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

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

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

Background image with overlay containing date, title and excerpt

Related components

View all marketing components