UnoCSS즉시 온디맨드 원자 CSS 엔진

커스터마이징 가능 · 강력함 · 빠름 · 즐거움

완전히 커스터마이징 가능

핵심 유틸리티가 없으며, 모든 기능은 프리셋을 통해 제공됩니다.

시작하기

파싱, AST, 스캔이 없습니다. Windi CSS 또는 Tailwind CSS JIT보다 5배 빠릅니다.

의존성 없음 및 브라우저 친화적: ~6kb min+brotli

Vite, Webpack, PostCSS, CLI, VS Code, ESLint 등의 일급 지원

더 알아보기

유틸리티를 동적으로 별칭 지정하거나 그룹화

설정 및 사용법

속성에서 유틸리티 그룹화

@unocss/preset-attributify

모든 아이콘을 단일 클래스로 사용

@unocss/preset-icons

공통 접두사를 가진 그룹 유틸리티의 단축형

@unocss/transformer-variant-group

@apply 지시문으로 CSS에서 유틸리티 재사용

@unocss/transformer-directives

빌드 시 여러 클래스를 하나로 합성

@unocss/transformer-compile-class

대화형으로 검사 및 디버깅

@unocss/inspector

한 줄의 CDN 가져오기로 UnoCSS 사용

@unocss/runtime