TailwindCSS
CSS, który nie przeszkadza.
TailwindCSS to nasz jedyny system stylowania. Utility-first approach eliminuje martwy CSS, wymusza spójność designu i pozwala budować piękne interfejsy bez opuszczania pliku z komponentem.
Utility-first = szybkość
Stylujemy bezpośrednio w JSX bez przeskakiwania między plikami. Żadnych wymyślonych nazw klas, żadnych CSS modules. Prędkość developmentu rośnie 2-3x.
Zero unused CSS
TailwindCSS automatycznie usuwa nieużywane klasy w buildzie. Finalny CSS to 5-15 KB zamiast 200+ KB. Bezpośredni wpływ na Core Web Vitals.
Design tokens
Kolory, typografia, spacing, breakpointy — wszystko zdefiniowane w jednym pliku konfiguracyjnym. Zmiana brand color w jednym miejscu aktualizuje całą aplikację.
Mobile-first responsive
Breakpointy sm:, md:, lg:, xl: na każdej klasie. Budujemy od mobile w górę — responsywność jest wbudowana w proces, nie doklejana post-factum.
Spójność w zespole
Predefiniowane wartości spacing (4, 8, 12, 16...) i typografii eliminują 'magic numbers'. Każdy developer pisze wizualnie spójny kod bez stylistycznych review.
Composable z React
cn() helper do warunkowego łączenia klas, cva() dla wariantów komponentów. TailwindCSS + React + TypeScript = design system z type-safety.