Tailwind CSS یک چارچوب CSS اولین کاربردی است که برای توسعه سریع رابط کاربری طراحی شده است. به جای ارائه مولفه‌های از پیش ساخته شده، کلاس‌های کاربردی سطح پایینی را ارائه می‌کند که به شما امکان می‌دهد بدون ترک HTML، طرح‌های سفارشی بسازید.

Utility-first CSS رویکردی است که در آن از کلاس های کوچک و تک منظوره برای ایجاد رابط کاربری خود استفاده می کنید. این کلاس‌های کاربردی برای ایجاد طرح‌های پیچیده مستقیماً در HTML، به جای تکیه بر CSS سفارشی تشکیل شده‌اند. این رویکرد ترکیب را به ارث بری ترجیح می دهد و حفظ و مقیاس بندی پایگاه کد شما را آسان تر می کند.

To install Tailwind CSS, you can use npm or yarn by running the following commands:

Using npm:

npm install tailwindcss

Using yarn:

yarn add tailwindcss

After installing, create a configuration file called tailwind.config.js in your project's root directory using the following command:

npx tailwindcss init

In your project's CSS file, import Tailwind's base styles, components, and utilities using the @import directive:

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';