Tailwind CSS v4
ESLint plugin with formatting and linting rules to write cleaner, more maintainable Tailwind CSS.
What is Tailwind CSS v4?
eslint-plugin-better-tailwindcss is an ESLint plugin that provides formatting and linting rules specifically for Tailwind CSS. It automatically formats Tailwind class strings for readability and enforces best practices to catch errors, helping developers write cleaner and more maintainable code. The plugin supports a wide range of frameworks and integrates with popular Tailwind utility libraries.
Frontend developers using Tailwind CSS in projects across frameworks like React, Vue, Svelte, or Astro, who want to enforce consistent styling and avoid common Tailwind pitfalls.
Developers choose this plugin because it offers a comprehensive, automated solution for Tailwind CSS code quality, combining both formatting and linting in one tool. Its broad framework support and pre-configured utility integrations save setup time and ensure consistent enforcement across teams.
Overview
ESLint/Oxlint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules.
Use Cases
Best For
- Enforcing consistent Tailwind class ordering and line-wrapping in team projects
Related Projects
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.
