Tailwind CSS
v3.tailwindcss.com › docs › plugins
Plugins - Tailwind CSS
The @tailwindcss/aspect-ratio plugin is an alternative to native aspect-ratio support that works in older browsers, and adds aspect-w-* and aspect-h-* classes that can be combined to give an element a fixed aspect ratio.
npm
npmjs.com › package › eslint-plugin-tailwindcss
eslint-plugin-tailwindcss - npm
July 16, 2025 - import js from "@eslint/js"; import ts from "typescript-eslint"; import tailwind from "eslint-plugin-tailwindcss"; export default [ // add eslint built-in js.configs.recommended, // add `typescript-eslint` flat config simply // if you would like use more another configuration, // see the section: https://typescript-eslint.io/getting-started#details ...ts.configs.recommended, ...tailwind.configs["flat/recommended"], ];
» npm install eslint-plugin-tailwindcss
Published Jul 16, 2025
Version 3.18.2
Author François Massart
Top Tailwind plugins and frameworks
Awesome resource. Thank you 🙏🏼 More on reddit.com
What are the top Tailwind CSS plugins everyone is using ? ( 2025 version )
I built https://github.com/versoly/taos to replace AOS using Tailwind instead. Also used the native forms library. More on reddit.com
[v4] How to add plugins?
Should be “@tailwindcss/forms” 👍🏻 don’t forget the “@“ sign! ... There was an error while loading. Please reload this page. Something went wrong. There was an error while loading. Please reload this page. ... My bad, I've missed the note saying it isn't available yet in v4 in the roadmap section. I hope this gets added soon! Plugins ... More on github.com
Tailwind plugins with Vite
You import them via import xyz from “xyz”, and then pass that in the plugins array. Here you have an example from one of my repos: https://github.com/hchris21/hornxchris/blob/main/tailwind.config.js More on reddit.com
How do I install a Tailwind CSS plugin?
To install a Tailwind CSS plugin, run npm install plugin-name and add it to your tailwind.config.js under the plugins array. Example: plugins: [require('@tailwindcss/forms'), require('tailwindcss-animate')].
niraui.onrender.com
niraui.onrender.com › blog › tailwind css plugins for developers
9 Best Tailwind CSS Plugins You Should Know in 2025 (Animations, ...
Do I need plugins to use Tailwind CSS?
No, Tailwind CSS works without plugins, but plugins add features like components, animations, and typography that save development time.
niraui.onrender.com
niraui.onrender.com › blog › tailwind css plugins for developers
9 Best Tailwind CSS Plugins You Should Know in 2025 (Animations, ...
What are the best Tailwind CSS plugins in 2025?
The best Tailwind CSS plugins in 2025 include @tailwindcss/forms, @tailwindcss/typography, tailwindcss-animate, tailwindcss-flip, tailwindcss-3d, and NiraUI — a powerful Tailwind CSS component library.
niraui.onrender.com
niraui.onrender.com › blog › tailwind css plugins for developers
9 Best Tailwind CSS Plugins You Should Know in 2025 (Animations, ...
Videos
14:38
Tailwind CSS Plugins I Wish I knew Sooner - YouTube
15:29
How to Create Your Own TailwindCSS Plugin - YouTube
17:51
【Tailwind CSS #3】4つのインストール方法の紹介。...
04:40
Tailwind CSS v4 Plugin Setup in React Vite App 2025 - YouTube
21:34
How I Create Tailwind CSS Plugins From Scratch - YouTube
09:44
The NEW CSS-first configuration with Tailwind CSS v4 (No more ...
GitHub
github.com › tailwindlabs › prettier-plugin-tailwindcss
GitHub - tailwindlabs/prettier-plugin-tailwindcss: A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order. · GitHub
A Prettier v3+ plugin for Tailwind CSS v3.0+ that automatically sorts classes based on our recommended class order. To get started, install prettier-plugin-tailwindcss as a dev-dependency:
Starred by 7.1K users
Forked by 176 users
Languages TypeScript 97.6% | JavaScript 2.4%
Telerik
telerik.com › blogs › top-15-tailwind-css-plugins-resources
My Favorite 15 Tailwind CSS Plugins and Resources
August 31, 2020 - 2️⃣ Going one step further, this last plugin (which is using the first one) will give you a few more classes that you can add to your embed elements to make them responsive. ... Whether you are trying to generate some utility classes for your gradients or to implement beautiful border gradients, these two packages will solve both problems. 🤗 They are regularly updated, so I recommend you use them if you want to make fancy colorful interfaces.
GitHub
github.com › francoismassart › eslint-plugin-tailwindcss
GitHub - francoismassart/eslint-plugin-tailwindcss: ESLint plugin for Tailwind CSS usage · GitHub
import js from "@eslint/js"; import ts from "typescript-eslint"; import tailwind from "eslint-plugin-tailwindcss"; export default [ // add eslint built-in js.configs.recommended, // add `typescript-eslint` flat config simply // if you would like use more another configuration, // see the section: https://typescript-eslint.io/getting-started#details ...ts.configs.recommended, ...tailwind.configs["flat/recommended"], ];
Starred by 2.1K users
Forked by 110 users
Languages JavaScript
Sailboatui
sailboatui.com › tools
Best Tailwind CSS | Sailboat UI
Preview and copy all TailwindCSS ... · A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities · A plugin that provides utilities for visually truncating text after a fixed number of lines · A Tailwind CSS plugin for creating beautiful animations · A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order ...
Reddit
reddit.com › r/tailwindcss › top tailwind plugins and frameworks
r/tailwindcss on Reddit: Top Tailwind plugins and frameworks
September 23, 2023 -
Lately, I've been captivated by the incredible efficiency of using Tailwind CSS. While exploring its capabilities, I've had the chance to experiment with various plugins and extensions.
I've compiled a curated list of some fantastic ones, and I'm eager to share them with you. If you've got any more hidden gems you'd like to recommend, please feel free to share your insights
Reddit
reddit.com › r/tailwindcss › what are the top tailwind css plugins everyone is using ? ( 2025 version )
r/tailwindcss on Reddit: What are the top Tailwind CSS plugins everyone is using ? ( 2025 version )
February 5, 2025 -
What plugins y'll using to enhance your workflow ?
GitHub
github.com › tailwindlabs › tailwindcss › discussions › 13292
[v4] How to add plugins? · tailwindlabs/tailwindcss · Discussion #13292
August 27, 2024 - Is it still in tailwind.config.js or with v4, that's going away and the plugins are getting added in the .css file. Beta Was this translation helpful? Give feedback. ... There was an error while loading. Please reload this page. Something went wrong. There was an error while loading. Please reload this page. ... Everything resides in the app.css file. ... @import 'tailwindcss'; @plugin '@tailwindcss/forms'; (given you installed the plugin via npm) @theme { --color-primary-500: #f8fafc; }
Author tailwindlabs
npm
npmjs.com › package › prettier-plugin-tailwindcss
prettier-plugin-tailwindcss - npm
December 1, 2025 - A Prettier v3+ plugin for Tailwind CSS v3.0+ that automatically sorts classes based on our recommended class order. To get started, install prettier-plugin-tailwindcss as a dev-dependency:
» npm install prettier-plugin-tailwindcss
Published Dec 01, 2025
Version 0.7.2
npm
npmjs.com › package › eslint-plugin-better-tailwindcss
eslint-plugin-better-tailwindcss - npm
1 month ago - For example, legacy-recommended or legacy-correctness-warn.
» npm install eslint-plugin-better-tailwindcss
Published Mar 05, 2026
Version 4.3.2
Author Roger Schönbächler