unocss

UnoCSS

Mesin Atomic CSS instan sesuai permintaan.

Saya sangat merekomendasikan membaca posting blog ini -
Bayangkan kembali Atomic CSS
untuk cerita di baliknya

Dokumentasi | Dokumen Interaktif | Taman bermain | tutorial

Fitur

Terinspirasi oleh Windi CSS, Tailwind CSS, dan Twind, tetapi:

• Dapat disesuaikan sepenuhnya - tidak ada utilitas inti. Semua fungsi disediakan melalui preset.

• Tanpa parsing, tanpa AST, tanpa pemindaian, INSTAN (5x lebih cepat dari Windi CSS atau Tailwind JIT).

• ~6kb min+brotli - tanpa deps dan ramah browser.

• Pintasan - utilitas aliasing, secara dinamis.

• Mode Atribusi - mengelompokkan utilitas berdasarkan atribut.

• Ikon CSS Murni - gunakan ikon apa pun sebagai satu kelas.

• Grup Varian - singkatan dari utilitas grup dengan awalan umum.

• Arahan CSS - gunakan kembali utils dalam CSS dengan arahan @apply .

• Mode kompilasi - mensintesis beberapa kelas menjadi satu pada waktu pembuatan.

• Inspektur - memeriksa dan melakukan debug secara interaktif.

• Pembuatan Runtime CSS-in-JS - gunakan UnoCSS dengan satu baris impor CDN.

• Ekstensi Kode VS

• Pemisahan kode untuk CSS - mengirimkan CSS minimal untuk MPA.

Dokumentasi

Baca dokumentasi untuk lebih jelasnya.

Instalasi

• Vit

• Selanjutnya

• Astro

• paket web

• Waktu Proses CDN

• CLI

• Ekstensi Kode VS

• Konfigurasi ESLint

• PascaCSS

Pengakuan

UnoCSS terwujud berkat inspirasi dari proyek-proyek berikut:

dalam urutan abjad

• ACSS

• Utilitas Bootstrap

• Alat Peraga Gaya Chakra UI

• UI semantik

• takyon

• CSS penarik

• Kembar

• Windi CSS

Sponsor

Lisensi

Lisensi MIT © 2021-SEKARANG Anthony Fu