← Semua tulisan

Tailwind CSS v4: Mesin Oxide Rust & Konfigurasi CSS-First

· 1 min baca ·TailwindCSSFrontendBerita
Daftar Isi

Tailwind CSS v4 (rilis stabil 22 Januari 2025, dilanjutkan v4.1) adalah penulisan ulang dari nol yang mengubah fundamental framework ini. Ringkasan dari blog resmi Tailwind.

Mesin Oxide (Rust)

Inti v4 adalah Oxide, mesin baru yang ditulis ulang dengan Rust dan terintegrasi dengan Lightning CSS. Hasilnya build hingga 10x lebih cepat, dan HMR yang nyaris instan.

Konfigurasi CSS-First

Perubahan paradigma terbesar: dari file tailwind.config.js ke konfigurasi berbasis CSS lewat direktif @theme:

css 
@import "tailwindcss";

@theme {
  --color-brand: oklch(0.7 0.15 180);
  --breakpoint-3xl: 120rem;
}

Deteksi file konten kini otomatis (zero-config) dan tidak lagi butuh config JS yang panjang.

Web Modern

v4 memanfaatkan fitur CSS native: cascade layers, container queries, @property, color-mix(), dan warna gamut P3 via OKLCH. Konsekuensinya, v4 menargetkan browser modern (Safari 16.4+, Chrome 111+, Firefox 128+) — kalau butuh dukungan browser lama, tetap pakai v3.4.

Detail di tailwindcss.com.

Komentar