공식 패키지
Presets
| 패키지 | 설명 |
|---|---|
| @unocss/preset-mini | 최소하지만 필수적인 규칙과 variant |
| @unocss/preset-wind3 | Tailwind CSS / Windi CSS 컴팩트 preset |
| @unocss/preset-wind4 | Tailwind4 CSS 컴팩트 preset |
| @unocss/preset-attributify | 다른 규칙에 대한 Attributify 모드 활성화 |
| @unocss/preset-tagify | 다른 규칙에 대한 Tagify 모드 활성화 |
| @unocss/preset-icons | Iconify로 구동되는 순수 CSS 아이콘 솔루션 |
| @unocss/preset-web-fonts | 웹 폰트 (Google Fonts 등) 지원 |
| @unocss/preset-typography | 타이포그래피 preset |
| @unocss/preset-rem-to-px | 유틸리티의 rem을 px로 변환 |
더 이상 사용되지 않음
| 패키지 | 설명 | 이유 |
|---|---|---|
@unocss/preset-wind | 이 패키지는 더 이상 사용되지 않으며 @unocss/preset-wind3로 이름이 변경되었습니다. | |
@unocss/preset-uno | 이 패키지는 더 이상 사용되지 않으며 @unocss/preset-wind3로 이름이 변경되었습니다. |
Transformers
| 패키지 | 설명 |
|---|---|
| @unocss/transformer-variant-group | Windi CSS의 variant group 기능을 위한 Transformer |
| @unocss/transformer-directives | @apply와 같은 CSS 지시문을 위한 Transformer |
| @unocss/transformer-compile-class | 클래스 그룹을 하나의 클래스로 컴파일 |
| @unocss/transformer-attributify-jsx | JSX/TSX에서 값 없는 attributify 지원 |
Extractors
| 패키지 | 설명 |
|---|---|
| @unocss/extractor-pug | Pug용 추출기 |
| @unocss/extractor-svelte | Svelte용 추출기 |
| @unocss/extractor-arbitrary-variants | 유틸리티에 대한 임의 variant를 지원하는 추출기 |
커뮤니티
UnoCSS 커뮤니티에 참여하고 구축을 도와주시는 모든 분을 따뜻하게 환영합니다. Awesome UnoCSS에서 UnoCSS 관련 리소스를 사용하고 공유할 수 있습니다.