Noul Motor Tailwind CSS v4: Arhitectura Oxide, Configurare CSS-First și Compilare Instantanee în Tailwind CSS

Ghid complet pentru noul Tailwind CSS v4: rescrierea în Rust cu Oxide Engine, renunțarea la tailwind.config.js, directiva @theme în CSS și viteză de compilare de 10x mai mare.

Sintaxă
@import "tailwindcss"; @theme { --color-brand: #6366f1; }

Lansat ca o revoluție majoră, Tailwind CSS v4 elimină vechiul ecosistem bazat pe JavaScript și plugin-uri Node.js greoaie. Construit pe baza motorului nativ Oxide Engine scris în Rust, Tailwind v4 aduce:

  • Viteză extremă de build: De la sute de milisecunde la doar 2-5 milisecunde pentru proiecte mari.
  • Configurare exclusiv în CSS: Adio fișier tailwind.config.js! Totul se configurează nativ prin directiva modernă @theme.
  • Zero dependențe externe: Instanțiere autonomă și integrare perfectă cu Vite, Next.js și Astro.