Tailwind CSS إطار CSS يعتمد على كلاسات صغيرة جاهزة تكتبها مباشرة في HTML. وعند البناء، يفحص ملفاتك ويُبقي فقط الكلاسات التي استخدمتها، فيصبح ملف CSS النهائي صغيرًا جدًا.

<button class="bg-blue-600 text-white px-4 py-2 rounded-lg">
  Save
</button>

المقارنة مع Bootstrap

• Bootstrap: مكونات جاهزة (أزرار، بطاقات)، سريع للبدء، لكن المواقع تتشابه في شكلها، ويُحمَّل غالبًا CSS كثير غير مستخدم.
• Tailwind: حرية كاملة في التصميم، وملف صغير، لكن HTML يمتلئ بالكلاسات.

لا يوجد إطار “أفضل” دائمًا. ولمشروع صغير، CSS عادي مع متغيرات قد يكفيك تمامًا.