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 عادي مع متغيرات قد يكفيك تمامًا.