Supercharge Your TailwindCSS Plugin Development with Plugwind.js
Sigui Kessé Emmanuel
Posted on October 21, 2024
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
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
💖 💪 🙅 🚩
Sigui Kessé Emmanuel
Posted on October 21, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.