Un choix d'organisation intéressant pour CSS. L'idée est de répartir vos classes dans 3 catégories distinctes : le cosmétique (apparence visuelle de vos composants), le layout (les différentes façons d'agencer vos composants) et le spacing (des classes utilitaires pour créer des espaces dans et entre vos composants).
L'approche est que ces 3 catégories soient mutuellement exclusives. Interdiction de mettre du margin
ou du display
dans la catégorie cosmétique par exemple.
Vous construisez ensuite votre site en piochant dans les différentes classes disponibles. Ça favorise la réutilisabilité et l'harmonie.
C'est une philosophie qu'on peut placer à mi-chemin entre le CSS vanilla et les frameworks utilitaires type Tailwind.
Collection of Tailwind CSS components for everyone to use. Browse all of the components that's right for your project.
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.