Tailwind Plus, JavaScript 프레임워크 없이 완전히 인터랙티브한 UI 블록 제공

2025-07-26
Tailwind Plus, JavaScript 프레임워크 없이 완전히 인터랙티브한 UI 블록 제공

Tailwind Plus는 JavaScript 프레임워크 없이도 모든 UI 블록이 완전히 인터랙티브하게 작동한다고 발표했습니다. 새롭게 출시된 @tailwindplus/elements 라이브러리 덕분입니다. 이 라이브러리는 드롭다운, 명령 팔레트, 다이얼로그 등 재사용 가능한 헤드리스 커스텀 요소를 제공합니다. 이 요소들은 일반 HTML과 매끄럽게 작동하며, 유틸리티 클래스나 커스텀 CSS로 사용자 지정이 가능합니다. 각 UI 구성 요소에 복잡한 JavaScript 코드를 작성할 필요가 없으므로 개발이 간소화됩니다. 이 업데이트는 모든 Tailwind Plus 사용자가 이용할 수 있습니다.

더 보기

Tailwind CSS v4.0: 놀라운 속도와 유연성

2025-01-23
Tailwind CSS v4.0: 놀라운 속도와 유연성

Tailwind CSS v4.0이 출시되었습니다! 이 버전은 프레임워크의 전면적인 개편으로, 성능이 크게 향상되고 유연성이 높아졌습니다. 전체 빌드는 최대 5배 빨라졌고, 증분 빌드는 100배 이상 빨라졌습니다. 캐스케이드 레이어, 사용자 정의 속성, `color-mix()` 함수 등 최첨단 CSS 기능을 활용한 v4.0은 현대적인 웹을 위해 설계되었습니다. 설정도 간소화되어 종속성이 적고, 구성이 필요 없으며, CSS는 한 줄만 있으면 됩니다. 새로운 CSS 우선 순위 설정을 통해 CSS에서 직접 사용자 지정과 확장이 가능하며, CSS 테마 변수, 동적 유틸리티 값, 변형 등이 추가되었습니다. 그 외에도 최신 P3 색상 팔레트, 컨테이너 쿼리, 새로운 3D 변환 유틸리티, 확장된 그라디언트 API, `@starting-style` 지원 등이 포함되어 개발 효율성과 사용자 경험이 크게 향상되었습니다.

더 보기