A clean blog listing template with horizontal post cards featuring cover images, titles, author/date metadata, excerpts, and read-more actions. Perfect for content sites, publications, and company blogs. Generate a responsive, readable blog feed layout in seconds.
{posts.map((post) => (
<Card key={post.id} className="overflow-hidden md:flex">
<img src={post.image} alt={post.title} className="md:w-1/3 object-cover" />
<div className="md:w-2/3">
<CardHeader><CardTitle>{post.title}</CardTitle></CardHeader>
<CardContent>
<p className="text-muted-foreground">{post.excerpt}</p>
<Button>Read More</Button>
</CardContent>
</div>
</Card>
))}Byline and publish-date row with icons on each post.
Horizontal cards with cover imagery that stack on mobile.
Truncated preview text with a clear read-more CTA.
Generate a production-ready blog app in seconds using the Blog Post Card List template.