Cards

Card components using Tailwind CSS to speed up your project.


You can edit the code in every editor and see changes live!

Card with image

Card with just an image.

Flower and sky

Card with text

Card with just text.

This is the title

Lorem ipsum dolor, sit amet cons ectetur adipis icing elit. Praesen tium, quibusdam facere quo laborum maiores sequi nam tenetur laud.

Card with image and text

Card with top image and text

Flower and sky

This is the title

Lorem ipsum dolor, sit amet cons ectetur adipis icing elit. Praesen tium, quibusdam facere quo laborum maiores sequi nam tenetur laud.

Card horizontal

Card with top image and text side-by-side

Flower and sky

This is the title

Lorem ipsum dolor, sit amet cons ectetur adipis icing elit. Praesen tium, quibusdam facere quo laborum maiores sequi nam tenetur laud.

Card image with text over

Card with backrgound image and text

Flower and sky

This is the title

Lorem ipsum dolor, sit amet cons ectetur adipis icing elit. Praesen tium, quibusdam facere quo laborum maiores sequi nam tenetur laud.