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%
[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
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
Top Tailwind plugins and frameworks
Awesome resource. Thank you 🙏🏼 More on reddit.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
Videos
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%
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 › 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.
GitHub
github.com › tailwindlabs › tailwindcss › discussions › 15828
How to Integrate Plugins like 'DaisyUI' with Tailwind CSS v4 · tailwindlabs/tailwindcss · Discussion #15828
As we all know, in previous versions, we simply installed the plugin with npm i daisyui and required it in the tailwind.config.js file. However, in version 4, this has changed and it's no longer ne...
Author tailwindlabs
