Tailwind CSS

Ce plugin ajoute des classes Tailwind CSS pour définir des valeurs fluides entre plusieurs tailles d’écran. Il permet de garder les ajustements typographiques et d’espacement dans le vocabulaire utilitaire du projet.

Tailwind Clamp expose des valeurs CSS clamp() sous forme de classes utilitaires. Le plugin facilite la création d’échelles fluides de taille ou d’espacement sans multiplier les breakpoints.

Cet exemple rassemble des classes Tailwind CSS qui agrandissent la zone interactive d’un élément sans modifier son apparence. Cette technique aide à rendre les contrôles plus faciles à toucher, notamment sur mobile.

Skeleton ajoute à Tailwind un système de thèmes et des composants basés sur Zag.js. La documentation présente une base de design commune utilisable notamment avec Svelte et React.

Sera UI rassemble des composants JSX et blocs d’interface stylés avec Tailwind CSS. La collection fournit une base modulable pour formulaires, dashboards et pages web.

Animate UI distribue des composants React construits avec TypeScript, Tailwind CSS et Motion. Le code peut être installé via la CLI shadcn puis adapté au projet.

Onlook propose un éditeur visuel qui travaille sur le code de l’application. Le dépôt présente l’édition de pages et de styles directement depuis le navigateur, avec assistance IA.

Uiverse rassemble des éléments d’interface créés par la communauté, avec du code HTML/CSS, Tailwind ou React. Une ressource pour étudier des styles et adapter des composants à son projet.

Inline Fold masque temporairement des portions de code sur une seule ligne, notamment les longues valeurs d’attributs Tailwind. Les expressions de ciblage et le masque restent configurables.

TW Classed permet de définir des composants réutilisables avec variantes typées et styles extensibles. Les variantes composées évitent de répéter les mêmes combinaisons de classes dans chaque vue.