DEV Community

Sigui Kessé Emmanuel
Sigui Kessé Emmanuel

Posted on

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 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
Enter fullscreen mode Exit fullscreen mode

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')
});
Enter fullscreen mode Exit fullscreen mode

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

Top comments (0)