Tailwind CSS
Tailwind Labs
Tailwind CSS to utility-first CSS framework, który zmienił sposób, w jaki developerzy budują interfejsy. Zamiast gotowych komponentów, Tailwind oferuje zestaw klas narzędziowych (utility classes), z których można budować dowolne UI bez pisania własnego CSS.
Tailwind wyróżnia się podejściem do Design Tokenów — cały system bazuje na skali kolorów, spacing, typografii i breakpointów zdefiniowanych w konfiguracji. Zmiana jednej wartości w tailwind.config.js zmienia cały projekt. To sprawia, że Tailwind jest de facto systemem Design Tokenów.
Oprócz frameworka, Tailwind Labs oferuje Tailwind UI — kolekcję gotowych komponentów i szablonów stron. Tailwind zyskał ogromną popularność i jest używany przez miliony stron, w tym produkty firm takich jak GitHub, Netflix i Shopify.
Fundacje (Foundations)
Co wyróżnia ten system?
- Utility-first — budowanie UI z klas narzędziowych
- System Design Tokenów w tailwind.config.js
- 80 000+ gwiazdek na GitHub
- Tailwind UI — gotowe komponenty i szablony stron