🌐
GitHub
github.com › vigetlabs › tailwindcss-plugins
GitHub - vigetlabs/tailwindcss-plugins: A collection of plugins for Tailwind CSS · GitHub
A collection of plugins for Tailwind CSS. Contribute to vigetlabs/tailwindcss-plugins development by creating an account on GitHub.
Starred by 58 users
Forked by 4 users
Languages   JavaScript
🌐
GitHub
github.com › area17 › tailwind-plugins
GitHub - area17/tailwind-plugins: A series of Tailwind plugins to enable/encourage systematised web design/development and some other useful utility classes.
A series of Tailwind plugins to enable/encourage systematised web design/development and some other useful utility classes. - area17/tailwind-plugins
Starred by 85 users
Forked by 7 users
Languages   JavaScript 100.0% | JavaScript 100.0%
Discussions

[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
🌐 github.com
13
10
August 27, 2024
Custom plugins using Tailwind CSS Play CDN
However, the time has come to move to Tailwind CSS V3 and therefore a migration to https://tailwindcss.com/docs/installation/play-cdn. But I am running into one problem. Using the BeyondCode compiler, which I believe is V2 only, I am using custom plugins and as one example of this, I have a ... More on github.com
🌐 github.com
2
7
v4 third party plugins
I believe the expectation is that ... to do plugin things. 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. ... Do I understand that correctly, that the forms and typography will therefore be updated to support the new syntax? Background: we are currently updating the svelte project scaffolding tool sv to support tailwindcss@... More on github.com
🌐 github.com
6
2
January 23, 2025
Top Tailwind plugins and frameworks
Awesome resource. Thank you 🙏🏼 More on reddit.com
🌐 r/tailwindcss
11
26
September 23, 2023
🌐
GitHub
github.com › iksaku › tailwindcss-plugins
GitHub - iksaku/tailwindcss-plugins: Personal collection of TailwindCSS plugins · GitHub
This plugin will make the hocus variant available for generation with your utilities, which allow utilities to target both :hover and :focus interactions with one class. For example, if you want a .text-red class to have a hocus: variant, you must register it in your config file and specify it under the variants section: // tailwind.config.js module.exports = { theme: { textColor: { red: '#eb1e1e', }, }, variants: { textColor: ['hover', 'focus', 'hocus'], }, plugins: [require('@iksaku/tailwindcss-plugins/plugins/hocus')], }
Author   iksaku
🌐
GitHub
github.com › glhd › tailwindcss-plugins
GitHub - glhd/tailwindcss-plugins: Plugins & helpers for tailwindcss
Plugins & helpers for tailwindcss. Contribute to glhd/tailwindcss-plugins development by creating an account on GitHub.
Starred by 85 users
Forked by 2 users
Languages   JavaScript 96.3% | HTML 3.2% | CSS 0.5% | JavaScript 96.3% | HTML 3.2% | CSS 0.5%
🌐
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.
Starred by 7.1K users
Forked by 176 users
Languages   TypeScript 97.6% | JavaScript 2.4%
🌐
GitHub
github.com › tailwindlabs › tailwindcss-plugin-examples
GitHub - tailwindlabs/tailwindcss-plugin-examples: Examples to help you get started building your own Tailwind CSS plugins.
module.exports = { // ... plugins: [ // ... require('./plugins/simple-buttons')({ // Set some default styles for all buttons. borderRadius: '.25rem', // Default: .25rem fontWeight: '600', // Default: 600 lineHeight: '1.25', // Default: 1.25 fontSize: '1rem', // Default: 1rem padding: '.5rem 1rem', // Default: .5rem 1rem // Specify the button colors you'd like to generate. // // By default, buttons are generated for all of Tailwind's // default base colors.
Starred by 212 users
Forked by 25 users
Languages   JavaScript 72.8% | HTML 26.8% | CSS 0.4% | JavaScript 72.8% | HTML 26.8% | CSS 0.4%
🌐
GitHub
github.com › lorisleiva › tailwindcss-plugins
GitHub - lorisleiva/tailwindcss-plugins: 🔌🌊 Set of useful plugins for tailwindcss
🔌🌊 Set of useful plugins for tailwindcss. Contribute to lorisleiva/tailwindcss-plugins development by creating an account on GitHub.
Starred by 282 users
Forked by 18 users
Languages   JavaScript 100.0% | JavaScript 100.0%
🌐
GitHub
github.com › tailwindlabs › tailwindcss-forms
GitHub - tailwindlabs/tailwindcss-forms: A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. · GitHub
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. ... // tailwind.config.js module.exports = { theme: { // ... }, plugins: [ require('@tailwindcss/forms'), // ...
Starred by 4.6K users
Forked by 227 users
Languages   HTML 57.1% | JavaScript 42.9%
Find elsewhere
🌐
GitHub
github.com › tailwindlabs › tailwindcss-typography
GitHub - tailwindlabs/tailwindcss-typography: Beautiful typographic defaults for HTML you don't control. · GitHub
The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS.
Starred by 6.3K users
Forked by 316 users
Languages   JavaScript
🌐
GitHub
github.com › aniftyco › awesome-tailwindcss
GitHub - aniftyco/awesome-tailwindcss: 😎 Awesome things related to Tailwind CSS
Tailwind Weekly - Weekly newsletter about all things Tailwind CSS. ... LSP support for Emacs - Provides IntelliSense in Emacs. Editor support for VS2022 - IntelliSense, linting, sorting, and more in Visual Studio 2022. Legend: 🌍 Accessible online · 🌐 Browser extension · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services ·
Starred by 15K users
Forked by 1K users
🌐
GitHub
github.com › topics › tailwind-plugin
tailwind-plugin · GitHub Topics · GitHub
TailwindCSS plugin to generate shades of any given colors. color-palette tailwind tailwind-css color-palette-generator tailwind-plugin
🌐
GitHub
github.com › topics › tailwindcss-plugin
tailwindcss-plugin · GitHub Topics · GitHub
Tailwind CSS plugin to generate border image gradient utilities.
🌐
GitHub
github.com › tailwindlabs › tailwindcss › discussions › 13292
[v4] How to add plugins? · tailwindlabs/tailwindcss · Discussion #13292
August 27, 2024 - 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 and custom utilities — we don’t have support for plugins, or for writing custom utilities that automatically work with variants yet.
Author   tailwindlabs
🌐
GitHub
github.com › topics › tailwind-plugins
tailwind-plugins · GitHub Topics · GitHub
css babel babel-plugin emotion css-in-js typescript-plugin babel-macros tailwind tailwindcss babel-macro tailwind-ui tailwind-plugins
🌐
GitHub
github.com › bradlc › babel-plugin-tailwind-components
GitHub - bradlc/babel-plugin-tailwind-components: Use Tailwind with any CSS-in-JS library
Use Tailwind with any CSS-in-JS library. Contribute to bradlc/babel-plugin-tailwind-components development by creating an account on GitHub.
Starred by 336 users
Forked by 23 users
Languages   JavaScript 100.0% | JavaScript 100.0%
🌐
Area17
area17.github.io › tailwind-plugins
A17 Tailwind Plugins
Setup guide - a walk through of our basic Tailwind setup, consuming a config JSON and applying plugins.
🌐
Ordinarycoders
ordinarycoders.com › blog › article › tailwindcss-plugins-github
5 Tailwind CSS Plugins on Github
April 1, 2021 - There are over 80 pattern names so be sure to check out the Github repo for more information. ... This is one of the class attribute values created from the tailwind.config.js settings above. ... Plugin to generate gradient background utilities.
🌐
Tailwind CSS
v2.tailwindcss.com › docs › plugins
Plugins - Tailwind CSS
Tailwind CSS on GitHubOpen site navigation · Extending Tailwind with reusable third-party plugins. Plugins let you register new styles for Tailwind to inject into the user’s stylesheet using JavaScript instead of CSS. To get started with your first plugin, import Tailwind’s plugin function from tailwindcss/plugin.