التثبيت والإعداد

npm install tailwindcss @tailwindcss/postcss

@import "tailwindcss";

<script src="https://cdn.tailwindcss.com"></script>

<h1 class="text-3xl font-bold text-purple-600">
  مرحبًا Tailwind
</h1>
<button class="rounded-lg bg-blue-500 px-4 py-2 text-white">
  زر
</button>

// tailwind.config.js — لتخصيص الألوان والخطوط
export default {
  theme: {
    extend: {
      colors: { brand: "#b026ff" }
    }
  }
}