unocss

우노CSS

즉각적인 주문형 Atomic CSS 엔진.

이 블로그 게시물을 읽어 보시기 바랍니다.
원자 CSS를 재구성하다
비하인드 스토리를 위해

문서 | 대화형 문서 | 놀이터 | 지도 시간

특징

Windi CSS, Tailwind CSS 및 Twind에서 영감을 얻었지만 다음과 같습니다.

• 완전히 사용자 정의 가능 - 핵심 유틸리티가 없습니다. 모든 기능은 사전 설정을 통해 제공됩니다.

• 구문 분석, AST, 스캔이 필요 없으며 INSTANT 입니다(Windi CSS 또는 Tailwind JIT보다 5배 빠릅니다).

• ~6kb min+brotli - Deps가 0이고 브라우저 친화적입니다.

• 바로가기 - 유틸리티를 동적으로 앨리어싱합니다.

• 속성화 모드 - 속성에 유틸리티를 그룹화합니다.

• 순수 CSS 아이콘 - 모든 아이콘을 단일 클래스로 사용합니다.

• 변형 그룹 - 공통 접두사가 있는 그룹 유틸리티의 약어입니다.

• CSS 지시문 - @apply 지시문을 사용하여 CSS의 유틸리티를 재사용합니다.

• 컴파일 모드 - 빌드 시 여러 클래스를 하나로 합성합니다.

• 검사기 - 대화형으로 검사하고 디버그합니다.

• CSS-in-JS 런타임 빌드 - CDN 가져오기 한 줄로 UnoCSS를 사용합니다.

• VS 코드 확장

• CSS용 코드 분할 - MPA용 최소 CSS를 제공합니다.

선적 서류 비치

자세한 내용은 설명서를 읽어보세요.

설치

• 비테

• 누스트

• 아스트로

• 웹팩

• CDN 런타임

• CLI

• VS 코드 확장

• ESLint 구성

• 포스트CSS

승인

UnoCSS는 다음 프로젝트의 영감 덕분에 가능해졌습니다.

알파벳순으로

• ACSS

• 부트스트랩 유틸리티

• 차크라 UI 스타일 소품

• 시맨틱 UI

• 타키온

• 순풍 CSS

• 트윈드

• 윈디 CSS

후원자

특허

MIT 라이센스 © 2021-현재 Anthony Fu