컴포넌트형 대신 유틸리티형·무JS형·경량형을 고를 수도 있습니다. 팀 익숙도와 빌드 환경, 기존 스킨과의 충돌 여부를 기준으로 비교합니다.
| 프레임워크 | 특징 |
|---|---|
| Tailwind CSS | 유틸리티 클래스 조합 |
| Bulma | JS 없는 컴포넌트형 |
| Foundation | 반응형 그리드·컴포넌트 |
| UIkit | 모듈형 CSS·JS |
| Fomantic-UI | Semantic UI 계열 컴포넌트 |
| Pure.css | 작은 모듈형 CSS |
tailwind.config로 디자인 토큰을 맞추고 JIT로 필요한 CSS만 생성합니다. Headless UI 등과 컴포넌트를 함께 씁니다. Bootstrap처럼 완성형 마크업만 주는 UI 키트 단독 제품은 아닙니다.
XY Grid, 오프캔버스, 폼 내비 패턴을 문서와 함께 제공합니다. 프레임워크만 쓰거나 Sites 빌더와 별개로 선택할 수 있습니다. WordPress 테마 마켓이나 웹 호스팅은 아닙니다. 서비스 범위 요금 라이선스는 변경될 수 있으니 도입 전 공식 사이트 안내를 확인합니다.
의미 있는 class명으로 버튼, 모달, 드롭다운 등을 구성합니다. jQuery 의존 빌드가 중심입니다. React 전용 Material UI 같은 컴포넌트 패키지와는 접근 방식이 다릅니다. 서비스 범위 요금 라이선스는 변경될 수 있으니 도입 전 공식 사이트 안내를 확인합니다.
