UnoCSS: เครื่องยนต์ Atomic CSS แบบ on-demand ทันที

ปรับแต่งได้อย่างเต็มที่

ไม่มี utilities หลัก ฟังก์ชันทั้งหมดจัดหาให้ผ่าน presets

เริ่มต้นใช้งาน

ไม่มีการแยกวิเคราะห์ ไม่มี AST ไม่มีการสแกน เร็วกว่า Windi CSS หรือ Tailwind CSS JIT 5 เท่า

ไม่มี dependencies และเป็นมิตรกับเบราว์เซอร์: ~6kb min+brotli

การสนับสนุนระดับสูงสำหรับ Vite, Webpack, PostCSS, CLI, VS Code, ESLint, ฯลฯ

เรียนรู้เพิ่มเติม

สร้าง alias หรือจัดกลุ่ม utilities แบบไดนามิก

การกำหนดค่าและการใช้งาน

จัดกลุ่ม utilities ใน attributes

@unocss/preset-attributify

ใช้ไอคอนใดก็ได้เป็นคลาสเดียว

@unocss/preset-icons

ตัวย่อสำหรับจัดกลุ่ม utilities ที่มีคำนำหน้าร่วมกัน

@unocss/transformer-variant-group

นำ utilities มาใช้ซ้ำใน CSS ด้วย directive @apply

@unocss/transformer-directives

รวมหลายคลาสเป็นหนึ่งเดียวในเวลาสร้าง

@unocss/transformer-compile-class

ตรวจสอบและดีบักแบบโต้ตอบ

@unocss/inspector

ใช้ UnoCSS ด้วยการ import CDN บรรทัดเดียว

@unocss/runtime