소프트웨어
72개의 무료 및 유료 대안을 Tailwind CSS에 대한 목록으로 정리했습니다. 주요 경쟁 업체는 Bootstrap, Semantic UI입니다. 이 외에도 사용자들은 Tailwind CSS와 Foundation, UIkit, Bulma 간에 비교를 하기도 합니다. 또한 여기서 다른 유사한 옵션을 살펴볼 수 있습니다: 개발 도구.
72개의 무료 및 유료 대안을 Tailwind CSS에 대한 목록으로 정리했습니다. 주요 경쟁 업체는 Bootstrap, Semantic UI입니다. 이 외에도 사용자들은 Tailwind CSS와 Foundation, UIkit, Bulma 간에 비교를 하기도 합니다. 또한 여기서 다른 유사한 옵션을 살펴볼 수 있습니다: 개발 도구.
209
60
50
45
39
36
34
31
23
18
Tailwind는 UI 키트가 아니라는 점에서 Bootstrap, Foundation 또는 Bulma와 같은 프레임 워크와 다릅니다.
기본 테마가 없으며 내장 UI 구성 요소가 없습니다.
반대로, 그것은 당신의 사이트가 어떻게 보일지에 대한 의견을 가지고 있지 않으며 실행 취소하기 위해 싸울 디자인 결정을 강요하지 않습니다.
사이트를 구축 할 수 있도록 미리 디자인 된 위젯 메뉴가 포함 된 프레임 워크를 찾고 있다면 Tailwind가 적합한 프레임 워크가 아닐 수 있으므로 다른 대안이 있습니다.
그러나 고유 한 ID로 커스텀 디자인을 구현하기를 원한다면 Tailwind가 바로 당신이 찾고있는 것일 수 있습니다.
유틸리티 우선
사용자 정의 UI를 작성하기위한 프레임 워크를 작성하면 일반적인 레벨의 단추, 양식, 카드, 탐색 표시 줄 등에서 추상화를 제공 할 수 없습니다.
대신, Tailwind는 두 사이트가 동일하게 보이도록 유도하지 않고도 복잡한 사용자 인터페이스를 쉽게 구축 할 수 있도록 구성 가능한 하위 수준의 유틸리티 클래스를 제공합니다.
구성 요소 친화적
유틸리티 클래스만으로도 많은 것을 할 수 있지만 때로는 컴포넌트 클래스가 올바른 결정입니다.
Tailwind는 반복되는 유틸리티 패턴에서 구성 요소 클래스를 추출하기위한 도구를 제공하므로 한 곳에서 여러 구성 요소 인스턴스를 쉽게 업데이트 할 수 있습니다.
핵심에 반응
모든 Tailwind 유틸리티는 반응 형 방식으로 제공되므로 HTML을 떠나지 않고도 반응 형 인터페이스를 매우 쉽게 구축 할 수 있습니다.
Tailwind는 직관적 인 {screen} : 접두사를 사용하여 마크 업에서 반응 형 클래스를 쉽게 확인할 수 있으며 원래 클래스 이름을 인식 가능하고 그대로 유지합니다.
맞춤형 설계
사용자 정의가 가능하면 Tailwind를 사용하여 사용자 정의 할 수 있습니다.
여기에는 색상, 테두리 크기, 글꼴 두께, 간격 유틸리티, 중단 점, 그림자 및 톤이 포함됩니다.
Tailwind는 PostCSS로 작성되고 JavaScript로 구성됩니다. 즉, 실제 프로그래밍 언어의 모든 기능을 손쉽게 사용할 수 있습니다.
Tailwind는 CSS 프레임 워크가 아니라 디자인 시스템을 만드는 엔진입니다.
CSS framework
소프트웨어에 대한 의견을 공유하고 리뷰를 남겨 더 나아지도록 도와주세요!
변경 제안
귀하의 의견
Your vote has been counted.
Do you have experience using this software?
