Tailwind 4

Tailwind CSS to mój domyślny wybór do stylowania nowych projektów. Wersja 4 przyniosła duże zmiany w konfiguracji — CSS-native variables zamiast tailwind.config.js, szybszy build, lepsze narzędzia dla niestandardowych wartości.

W praktyce: Tailwind w połączeniu z React lub Astro to szybki workflow — klasy bezpośrednio w komponentach, bez przełączania kontekstu między plikami CSS a JSX. Przy design systemie z tokenami kolorów i spacing-u, CSS variables w Tailwind 4 integrują się lepiej niż w poprzednich wersjach.

Rozumiem też krytykę Tailwinda: klas w HTML może być dużo, czytelność spada przy złożonych komponentach. Przy większych projektach warto wyciągać powtarzające się zestawy do komponentów.

Dla nowych projektów Tailwind 4 jest dobrym punktem startowym. Jeśli planujesz projekt i zastanawiasz się nad stackiem — porozmawiajmy.