Tailwind CSS

Tailwind CSS

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

웹 사이트:

카테고리

Web 용 Tailwind CSS의 대안

Shine CSS Framework

Shine CSS Framework

간단하고 가벼운 CSS 프레임 워크.
  • 무료 앱
  • Web
SimpleGrid

SimpleGrid

반응 형.무한 중첩.요소 당 하나의 클래스.단순한.
  • 무료 앱
  • Web
Amazium

Amazium

반응 형 웹 디자인을위한 12 열의 960 그리드 시스템.32px 거터 / 여백을 기반으로 960 그리드 설정이있는 PSD 파일.
  • 무료 앱
  • Web
Fluid 960 Grid System

Fluid 960 Grid System

Fluid 960 Grid System 템플릿은 MooTools 및 jQuery JavaScript 라이브러리의 효과를 사용하여 Nathan Smith와 그의 960 Grid System의 작업을 기반으로 구축되었습니다.
Foldy960

Foldy960

Foldy960-960 그리드, Pvel 방식의 반응 형 버전!
Creative Tim

Creative Tim

Creative Tim은 개발 작업 속도를 높이는 부트 스트랩 기반 디자인 요소를 제공합니다.플러그인부터 복잡한 키트까지 필요한 모든 것을 갖추고 있습니다.
  • 무료 개인 앱
  • Web
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow는 웹에서 신속하고 반응이 빠른 모바일 우선 프로젝트를 만들기위한 HTML 및 CSS 프레임 워크입니다.
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic은 960 Grid System의 후속 제품인 유동 그리드 시스템입니다.
Cascade Framework

Cascade Framework

전반적인 모양과 느낌이 Twitter Bootstrap에서 가장 확실하게 영감을 얻었지만 Cascade 프레임 워크는 또 다른 Bootstrap 복제본이 아닙니다.
  • 무료 앱
  • Web
Fluid Baseline Grid

Fluid Baseline Grid

Fluid Baseline Grid System은 HTML5 및 CSS3 개발 키트로 웹 사이트를 쉽게 디자인 할 수있는 견고한 기반을 제공합니다.
  • 무료 앱
  • Web
Gridless

Gridless

Gridless는 아름다운 타이포그래피로 모바일 우선 반응 형 브라우저 간 웹 사이트를 만들기위한 HTML5 및 CSS3 상용구 옵션입니다.
  • 무료 앱
  • Web
Material Components for the Web

Material Components for the Web

웹용 머티리얼 컴포넌트 (MDC 웹)는 개발자가 머티리얼 디자인을 실행할 수 있도록 도와줍니다.
  • 무료 앱
  • Web
Frameless

Frameless

반응 형 디자인 발굴?유체 그리드를 증오?프레임리스 그리드를 사용해보십시오.
  • 무료 앱
  • Web
GenesisUI

GenesisUI

스테로이드에 부트 스트랩 관리자 템플릿!프리미엄 부트 스트랩 관리 템플릿 모음.
Variable Grid System

Variable Grid System

가변 그리드 시스템은 사이트의 기본 CSS 그리드를 생성하는 빠른 방법입니다.CSS 생성 파일은 960 Grid System을 기반으로합니다.
  • 무료 앱
  • Web