Supercharge Your TailwindCSS Plugin Development with Plugwind.js

If you’ve ever developed plugins for TailwindCSS, you know how powerful the plugin system is… but also how it can get a bit cumbersome at times. 🎨

Enter plugwind.js, a lightweight package that extends Tailwind’s plugin API with must-have features to m…


This content originally appeared on DEV Community and was authored by Sigui Kessé Emmanuel

If you’ve ever developed plugins for TailwindCSS, you know how powerful the plugin system is… but also how it can get a bit cumbersome at times. 🎨

Enter plugwind.js, a lightweight package that extends Tailwind's plugin API with must-have features to make your life easier.

Why use Plugwind.js?

  • 🌑 Simplified dark mode support : Switch it on with ease.
  • 🎨 Background gradients : Effortlessly manage and apply gradients.
  • 📦 More flexible API : Extend Tailwind faster and more efficiently.

All this with just a few lines of code!

How to install it? 

npm install plugwind.js

Or find it on JSR and GitHub.

Example usage 

import plug from 'plugwind.js';

export default plug(({ addProperty }) => {
    addProperty('background', 'radial-gradient(circle, var(--tw-gradient-stops))', '.bg-gradient-radial')
});

Plugwind.js is an evolving project, so feedback and contributions are highly appreciated!

Give it a try and let me know what you think 🚀

tailwindcss #npm #pluginDev #javascript #opensource


This content originally appeared on DEV Community and was authored by Sigui Kessé Emmanuel


Print Share Comment Cite Upload Translate Updates
APA

Sigui Kessé Emmanuel | Sciencx (2024-10-21T04:26:12+00:00) Supercharge Your TailwindCSS Plugin Development with Plugwind.js. Retrieved from https://www.scien.cx/2024/10/21/supercharge-your-tailwindcss-plugin-development-with-plugwind-js/

MLA
" » Supercharge Your TailwindCSS Plugin Development with Plugwind.js." Sigui Kessé Emmanuel | Sciencx - Monday October 21, 2024, https://www.scien.cx/2024/10/21/supercharge-your-tailwindcss-plugin-development-with-plugwind-js/
HARVARD
Sigui Kessé Emmanuel | Sciencx Monday October 21, 2024 » Supercharge Your TailwindCSS Plugin Development with Plugwind.js., viewed ,<https://www.scien.cx/2024/10/21/supercharge-your-tailwindcss-plugin-development-with-plugwind-js/>
VANCOUVER
Sigui Kessé Emmanuel | Sciencx - » Supercharge Your TailwindCSS Plugin Development with Plugwind.js. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/10/21/supercharge-your-tailwindcss-plugin-development-with-plugwind-js/
CHICAGO
" » Supercharge Your TailwindCSS Plugin Development with Plugwind.js." Sigui Kessé Emmanuel | Sciencx - Accessed . https://www.scien.cx/2024/10/21/supercharge-your-tailwindcss-plugin-development-with-plugwind-js/
IEEE
" » Supercharge Your TailwindCSS Plugin Development with Plugwind.js." Sigui Kessé Emmanuel | Sciencx [Online]. Available: https://www.scien.cx/2024/10/21/supercharge-your-tailwindcss-plugin-development-with-plugwind-js/. [Accessed: ]
rf:citation
» Supercharge Your TailwindCSS Plugin Development with Plugwind.js | Sigui Kessé Emmanuel | Sciencx | https://www.scien.cx/2024/10/21/supercharge-your-tailwindcss-plugin-development-with-plugwind-js/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts