Tailwind CSS

Utility-first CSS framework. Style by combining single-purpose classes directly in markup.

Core Concepts

Utility Classes

<div class="flex items-center gap-4 p-6 bg-white rounded-xl shadow-lg">
  <img class="size-12 rounded-full" src="..." />
  <div>
    <h3 class="text-xl font-medium text-black">Title</h3>
    <p class="text-gray-500">Description</p>
  </div>
</div>