Tailwind CSS

Tailwind CSS là một framework CSS mã nguồn mở. Khác với các framework khác, như Bootstrap, nó không cung cấp một loạt các lớp đã được định nghĩa sẵn cho các phần tử như nút hoặc bảng. Thay vào đó, nó tạo ra một danh sách các lớp CSS "tiện ích" có thể được sử dụng để định kiểu cho từng phần tử bằng cách kết hợp và pha trộn.

Ví dụ, trong các phương thức truyền thông, sẽ có một lớp như message-warning áp dụng màu nền vàng và văn bản in đậm. Tuy nhiên, để làm điều này trong Tailwind, người dùng sẽ phải áp dụng một tập hợp các lớp được tạo bởi thư viện, như bg-yellow-300 và font-bold.

Tính đến ngày 5 tháng 8 năm 2024, Tailwind CSS có hơn 81.000 sao trên GitHub.

 Đặc trưng 

 Các lớp tiện ích 
Khái niệm "utility-first" là đặc điểm phân biệt chính của Tailwind. 
+Ví dụ: Để tạo thông báo màu vàng.Kết quả500x500px|Example Tailwind yellow warning.pngCode<div class="m-4 p-4 bg-yellow-200 font-bold rounded-lg">
  <p>Please be careful when feeding the birds.</p>
</div>ClassTailwindCSS tương đươngmargin: 1rem;padding: 1rem;background-color: rgb(254 240 138);font-weight: 700;border-radius: 0.5rem;

 Tham khảo 

Thể loại:Phát triển Web
Thể loại:Thiết kế web
Thể loại:Phần mềm sử dụng giấy phép MIT
Thể loại:HTML
Thể loại:Framework