Tailwind CSS & React Cards - Material Tailwind PRO

A UI card is used to display summarized content and actions about a single topic. See below our examples of card blocks built with Tailwind CSS and React that you can use for your blog, website, or application.

Simple Card with CTA

Try for free this versatile Tailwind CSS card with headline, category, content, and CTA.

Card with Background Image

Use this sleek card example which contains a background image, title, description, and author details.

Card without Border

Use this beautiful card example which contains a suggestive image, title, description, and CTA link.

Card with CTA Button

Try this card with border example which includes a suggestive image, title, description, and CTA button. Copy-paste the code and add it to your Tailwind CSS project!

Card with Avatar

This example of UI card includes a suggestive image, category, title, description, author, and publication date. It works perfectly for blog cards.

Sign up for our newsletter

Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.

By subscribing, you accept Brevo's Terms of Service and Privacy Policy.