Tailwind CSS

Tailwind CSS به شما اجازه می‌دهد بی‌آنکه از HTML بیرون بروید به صفحه استایل بدهید. کلاس‌های کوچکی مثل p-4، flex و text-lg هر کدام یک کار انجام می‌دهند و کنار هم هر طرحی را می‌سازند. همان markup هم انگلیسیِ چپ‌به‌راست را می‌چیند و هم فارسیِ راست‌به‌چپ را.

این مسیر از HTML و CSS پایه شروع می‌شود. Tailwind را راه می‌اندازید، مقیاس‌های فاصله، رنگ و متن را یاد می‌گیرید، با flex و grid چیدمان می‌سازید، آن را واکنش‌گرا و تعاملی می‌کنید، با کلاس‌های منطقی راست‌به‌چپ می‌چینید و توکن‌های طراحی خودتان را تعریف می‌کنید. بعد یک پله بالاتر می‌روید: کوئری‌های container، حرکت و انیمیشن و واریانت‌های وضعیت؛ و در پایان یک داشبورد دوزبانه می‌سازید. همه‌ی کلاس‌هایی که می‌بینید کلاس‌های واقعی Tailwind CSS 4 هستند و CSS پشت هر کدام را هم می‌بینید.