Tailwind는 UI 키트가 아니라는 점에서 Bootstrap, Foundation 또는 Bulma와 같은 프레임 워크와 다릅니다.기본 테마가 없으며 내장 UI 구성 요소가 없습니다.반대로, 또한 사이트가 어떻게 보이는지에 대한 의견이 없으며 실행 취소하기 위해 싸워야하는 디자인 결정을 강요하지 않습니다.사이트를 구축하기 위해 미리 디자인 된 위젯 메뉴가 포함 된 프레임 워크를 찾고 있다면 Tailwind가 적합한 프레임 워크가 아닐 수 있으므로 다른 대안이 있습니다.그러나 고유 한 ID로 커스텀 디자인을 구현하기를 원한다면 Tailwind가 원하는 것일 수 있습니다.유틸리티 우선 사용자 정의 UI를 구축하기위한 프레임 워크를 만들면 일반적인 수준의 버튼, 양식, 카드, 탐색 모음 등에서 추상화를 제공 할 수 없습니다. 대신 Tailwind는 구성하기 쉬운 저수준 유틸리티 클래스를 제공하여 쉽게 구축 할 수 있습니다.두 사이트가 동일하게 보이도록 유도하지 않고 복잡한 사용자 인터페이스컴포넌트 친화적 유틸리티 클래스만으로 많은 것을 할 수 있지만 때로는 컴포넌트 클래스가 올바른 결정입니다.Tailwind는 반복되는 유틸리티 패턴에서 구성 요소 클래스를 추출하기위한 도구를 제공하므로 한 곳에서 여러 구성 요소 인스턴스를 쉽게 업데이트 할 수 있습니다.핵심에 대한 대응 모든 Tailwind 유틸리티는 반응 형으로 제공되므로 HTML을 떠나지 않고도 반응 형 인터페이스를 매우 쉽게 구축 할 수 있습니다.Tailwind는 직관적 인 {screen} : 접두사를 사용하여 마크 업에서 반응 형 클래스를 쉽게 알아볼 수 있으며 원래 클래스 이름을 인식 가능하고 그대로 유지합니다.커스터마이징이 가능하도록 설계 Tailwind를 통해 커스터마이징이 가능하다면 커스터마이즈가 가능합니다.여기에는 색상, 테두리 크기, 글꼴 두께, 간격 유틸리티, 중단 점, 그림자 및 톤이 포함됩니다.Tailwind는 PostCSS로 작성되고 JavaScript로 구성됩니다. 즉, 실제 프로그래밍 언어의 모든 기능을 손쉽게 사용할 수 있습니다.Tailwind는 CSS 프레임 워크가 아니라 디자인 시스템을 만드는 엔진입니다.