npm
npmjs.com › package › eslint-plugin-tailwindcss
eslint-plugin-tailwindcss - npm
July 16, 2025 - Use .eslintrc.* file to configure rules in ESLint < v9. See also: https://eslint.org/docs/latest/use/configure/. module.exports = { root: true, extends: ["plugin:tailwindcss/recommended"], };
» npm install eslint-plugin-tailwindcss
Published Jul 16, 2025
Version 3.18.2
Author François Massart
GitHub
github.com › francoismassart › eslint-plugin-tailwindcss
GitHub - francoismassart/eslint-plugin-tailwindcss: ESLint plugin for Tailwind CSS usage · GitHub
ESLint plugin for Tailwind CSS usage. Contribute to francoismassart/eslint-plugin-tailwindcss development by creating an account on GitHub.
Starred by 2.1K users
Forked by 110 users
Languages JavaScript
[Feature request] Support Tailwind 4
Is your feature request related to a problem? Please describe. TailwindCSS 4 is in alpha and will be released soon. Currently I cannot use this module with Tailwind 4 because package.json specifies ^3.4.0. Describe the solution you'd lik... More on github.com
tailwind css - eslint-plugin-tailwindcss configuration not working - Stack Overflow
I'm having trouble putting the tailwind css plugin for eslint to work... I'm using sveltekit, not sure if that is relevant I've tried everything I know and could find online... the eslint.config.js More on stackoverflow.com
tailwind css - Prettier plugin in eslint - Stack Overflow
I want to add the tailwind prettier plugin in my eslint. How do I do that? ... Sign up to request clarification or add additional context in comments. ... It could also be a .prettierrc file: { "plugins": [ "prettier-plugin-tailwindcss" ] } 2024-12-01T03:05:19.827Z+00:00 More on stackoverflow.com
Has anyone figured out how to apply the eslint tailwindcss plugin to blade files?
Didn’t even know I wanted this until now More on reddit.com
Videos
22:15
Part 13 | ESLint Setup | Playwright ESLint Plugin Setup | Playwright ...
25:40
Create an Eslint plugin | Build your own no-console eslint plugin ...
How to make your code look like mine (with ESLint + Prettier ...
Resolving Tailwind CSS config in eslint-plugin-tailwindcss
09:16
12. How to install npm ESLint plugin in the application and implement ...
00:41
Plugin tailwind para ESLint prioridade de classes - YouTube
npm
npmjs.com › package › eslint-plugin-better-tailwindcss
eslint-plugin-better-tailwindcss - npm
February 15, 2026 - ESLint/Oxlint plugin with formatting and linting rules to help you write cleaner, more maintainable Tailwind CSS.
» npm install eslint-plugin-better-tailwindcss
Published Mar 05, 2026
Version 4.3.2
Author Roger Schönbächler
GitHub
github.com › francoismassart › eslint-plugin-tailwindcss › issues › 325
[Feature request] Support Tailwind 4 · Issue #325 · francoismassart/eslint-plugin-tailwindcss
March 15, 2024 - Is your feature request related to a problem? Please describe. TailwindCSS 4 is in alpha and will be released soon. Currently I cannot use this module with Tailwind 4 because package.json specifies ^3.4.0. Describe the solution you'd lik...
Author aslakhellesoy
npm
npmjs.com › package › @poupe › eslint-plugin-tailwindcss
@poupe/eslint-plugin-tailwindcss - npm
July 2, 2025 - ESLint plugin for Tailwind CSS v4 with advanced linting rules. Latest version: 0.2.5, last published: 14 hours ago. Start using @poupe/eslint-plugin-tailwindcss in your project by running `npm i @poupe/eslint-plugin-tailwindcss`. There are 2 ...
» npm install @poupe/eslint-plugin-tailwindcss
Published Mar 04, 2026
Version 0.2.5
Author Alejandro Mery
GitHub
github.com › francoismassart › eslint-plugin-tailwindcss › releases
Releases · francoismassart/eslint-plugin-tailwindcss
ESLint plugin for Tailwind CSS usage. Contribute to francoismassart/eslint-plugin-tailwindcss development by creating an account on GitHub.
Author francoismassart
Stack Overflow
stackoverflow.com › questions › 79096277 › eslint-plugin-tailwindcss-configuration-not-working
tailwind css - eslint-plugin-tailwindcss configuration not working - Stack Overflow
import eslint from '@eslint/js'; import prettier from 'eslint-config-prettier'; import svelte from 'eslint-plugin-svelte'; import globals from 'globals'; import tseslint from 'typescript-eslint'; import tailwindcss from 'eslint-plugin-tailwindcss'; const test = tseslint.config( eslint.configs.recommended, ...tseslint.configs.recommended, ...svelte.configs['flat/recommended'], ...tailwindcss.configs['flat/recommended'], prettier, ...svelte.configs['flat/prettier'], { languageOptions: { globals: { ...globals.browser, ...globals.node } } }, { files: ['**/*.svelte', '**/*.js', '**/*.ts'], languageOptions: { parserOptions: { parser: tseslint.parser } } }, { ignores: ['build/', '.svelte-kit/', 'dist/'] }, ); console.log(test); export default test;
npm
npmjs.com › package › eslint-plugin-readable-tailwind
eslint-plugin-readable-tailwind - npm
Configure the plugin to be able to read your tailwind configuration via settings or for each rule separately. // eslint.config.js { //... "settings": { "readable-tailwind": { // tailwindcss 4: the path to the entry file of the css based tailwind config (eg: `src/global.css`) "entryPoint": "src/global.css", // tailwindcss 3: the path to the tailwind config file (eg: `tailwind.config.js`) "tailwindConfig": "tailwind.config.js" } } }
» npm install eslint-plugin-readable-tailwind
Published Jun 03, 2025
Version 3.0.0
Author Roger Schönbächler
GitHub
github.com › francoismassart › eslint-plugin-tailwindcss › issues
Issues · francoismassart/eslint-plugin-tailwindcss
ESLint plugin for Tailwind CSS usage. Contribute to francoismassart/eslint-plugin-tailwindcss development by creating an account on GitHub.
Author francoismassart
GitHub
github.com › francoismassart › eslint-plugin-tailwindcss › blob › master › docs › rules › no-custom-classname.md
eslint-plugin-tailwindcss/docs/rules/no-custom-classname.md at master · francoismassart/eslint-plugin-tailwindcss
ESLint plugin for Tailwind CSS usage. Contribute to francoismassart/eslint-plugin-tailwindcss development by creating an account on GitHub.
Author francoismassart
GitHub
github.com › schoero › eslint-plugin-better-tailwindcss
GitHub - schoero/eslint-plugin-better-tailwindcss: ESLint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules. · GitHub
ESLint plugin to help you write better tailwindcss by improving readability with formatting rules and enforcing best practices with linting rules. - schoero/eslint-plugin-better-tailwindcss
Starred by 733 users
Forked by 28 users
Languages TypeScript
Top answer 1 of 2
3
Create a prettier.config.js file in your root folder and add the following line:
module.exports = { plugins: ['prettier-plugin-tailwindcss'], }
2 of 2
1
Add to your .eslintrc
{ "extends": ["plugin:tailwindcss/recommended"] }
More info here: https://www.npmjs.com/package/eslint-plugin-tailwindcss
Reddit
reddit.com › r/laravel › has anyone figured out how to apply the eslint tailwindcss plugin to blade files?
r/laravel on Reddit: Has anyone figured out how to apply the eslint tailwindcss plugin to blade files?
September 26, 2023 -
I'm talking about this plugin: https://github.com/francoismassart/eslint-plugin-tailwindcss that helps with ordering your classnames correctly and adds a bunch of other useful checks.
Example below:
I've got it working fine for .vue files but I can't seem to get it to work for .blade.php files? Is it even possible? For context I am using Phpstorm.
Top answer 1 of 7
8
Didn’t even know I wanted this until now
2 of 7
7
I actually just went through this myself. Eventually I found the @shufo/prettier-plugin-blade plugin which has a sortTailwindcssClasses config option. This, along with their other options, has worked well in addressing my blade template formatting preferences.
Ouassim
ouassim.tech › notes › boost_your_tailwind_workflow_with_eslint_and_prettier
Boost Your Tailwind Workflow with ESLint and Prettier - Ouassim G.
June 27, 2021 - I previously wrote this where I went into more detail on setting up both ESLint and Prettier. Feel free to check it out if you’re interested! To get started, you’ll need to install some packages that will make this setup possible. Run the following command to add them to your project: I will be using pnpm as my package manager, but feel free to use whatever works for you. Terminal window · pnpm install -D prettier prettier-plugin-tailwindcss eslint eslint-plugin-tailwindcss ·
CodeSandbox
codesandbox.io › examples › package › eslint-plugin-tailwindcss
eslint-plugin-tailwindcss examples - CodeSandbox
Use this online eslint-plugin-tailwindcss playground to view and fork eslint-plugin-tailwindcss example apps and templates on CodeSandbox.
GitHub
github.com › francoismassart › eslint-plugin-tailwindcss › issues › 335
[Feature request] Support for `eslint` `v9.1.1` · Issue #335 · francoismassart/eslint-plugin-tailwindcss
April 25, 2024 - // @ts-check import withNuxt from './.nuxt/eslint.config.mjs' import pluginVue from 'eslint-plugin-vue' import pluginTailwindCSS from 'eslint-plugin-tailwindcss' export default withNuxt([ ...pluginVue.configs['flat/recommended'], pluginTailwindCSS, { rules: { // ...
Author cewald
UNPKG
app.unpkg.com › eslint-plugin-tailwindcss@3.18.0
eslint-plugin-tailwindcss
github.com/francoismassart/eslint-plugin-tailwindcss · francoismassart/eslint-plugin-tailwindcss · 1 folder, 3 files · francoismassart/eslint-plugin-tailwindcss · Latest: 3.18.2 ·