⚙️ Framework

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)

Color (rozbudowana paleta) Typography Spacing Breakpoints Shadows Border Radius Opacity Z-Index
Komponenty
Framework (utility classes)
Firma
Tailwind Labs

Co wyróżnia ten system?

Linki i zasoby

🌐 Strona oficjalna 💻 GitHub

Powiązane Design Systemy

Zbuduj własny Design System

Poznaj różnice między frameworkiem a Design Systemem

Sprawdź Design System Masterclass →