2 dépôts
Tools that organize utility-first CSS classes based on a recommended or custom order.
Distinct from CSS Utility Classes: Distinct from the classes themselves; focuses on the act of organizing them in markup and style files.
Explore 2 awesome GitHub repositories matching user interface & experience · Utility Class Sorters. Refine with filters or upvote what's useful.
This project is a Prettier plugin and Tailwind CSS class sorter that automatically organizes utility classes into a consistent and recommended order. It functions as a frontend styling formatter and CSS utility organizer, removing duplicate classes and sorting style attributes across HTML and JavaScript files. The tool ensures consistent markup formatting by ordering utility classes within HTML attributes, template literals, JavaScript expressions, and custom framework props. It integrates with Tailwind CSS configuration files and stylesheets to synchronize sorting behavior with custom theme
Organizes Tailwind CSS utility classes in markup and style files based on a recommended order.
Il s'agit d'un formateur de code pour les fichiers de template Blade qui normalise l'indentation et l'espacement dans l'éditeur VS Code. Il fonctionne comme un formateur de template et un trieur d'attributs HTML qui nettoie la syntaxe et la mise en page selon des règles de style personnalisées ou prédéfinies. L'outil se distingue par l'organisation automatique des attributs HTML et le tri des classes utilitaires Tailwind CSS dans un ordre prévisible. Il utilise un système configurable en JSON pour charger des règles spécifiques au projet et des listes d'exclusion, permettant aux équipes de synchroniser les styles de code et d'éviter les conflits de contrôle de version. Ses capacités étendues incluent la gestion de la portée du formatage via des listes d'exclusion globales ou des commentaires en ligne, la validation des fichiers de configuration par rapport à un schéma formel, et la personnalisation des règles d'indentation et d'espacement. Le projet s'intègre à l'éditeur en utilisant le Language Server Protocol.
Organizes utility-first CSS classes based on a predefined priority sequence.