Tailwind CSS
An ESLint plugin that enforces best practices and consistency for Tailwind CSS usage.
What is Tailwind CSS?
eslint-plugin-tailwindcss is an ESLint plugin that provides a set of rules to enforce best practices and consistency when using Tailwind CSS. It helps developers avoid common pitfalls like contradictory classnames, unnecessary arbitrary values, and inconsistent ordering, improving code quality and maintainability. The plugin offers more than just class sorting, with rules that validate shorthand usage, custom classnames, and migration paths.
Frontend developers and teams using Tailwind CSS who want to enforce consistent coding standards and catch errors early in their development workflow. It's particularly useful for projects with large codebases or multiple contributors.
Developers choose this plugin because it goes beyond prettier-plugin-tailwindcss by offering additional validation rules that catch logical errors and enforce consistency. Its comprehensive rule set helps maintain clean, error-free Tailwind CSS code while supporting modern ESLint configurations and Tailwind CSS versions.
Overview
ESLint plugin for Tailwind CSS usage
Use Cases
Best For
- Enforcing consistent Tailwind classname ordering across a codebase
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.