Tailwind CSS v4: Fitur Baru yang Revolusioner

Tailwind CSS v4 membawa perubahan fundamental yang membuat developer semakin produktif.

Engine Baru: Oxide

Tailwind v4 menggunakan engine baru bernama Oxide yang ditulis dalam Rust. Hasilnya? Build time hingga 10x lebih cepat dibanding v3.

Konfigurasi via CSS

Tidak perlu lagi file tailwind.config.js! Konfigurasi kini dilakukan langsung di CSS:

@import "tailwindcss";

@theme {
  --color-brand: oklch(0.6 0.2 250);
  --font-display: "Inter", sans-serif;
}

CSS Variables Otomatis

Setiap nilai di design system otomatis menjadi CSS variable yang bisa digunakan di mana saja.

Dynamic Utility Values

Tidak perlu konfigurasi untuk nilai-nilai kustom:

<div class="mt-[17px] text-[oklch(0.5_0.2_250)]">
  Dynamic values langsung di class!
</div>

Kesimpulan

Tailwind CSS v4 adalah evolusi besar. Upgrade sekarang dan rasakan perbedaannya!