All thanks to this amazing human for the idea and the initial implementation. I will keep on working on it and adding more features.
npm install tailwind-stripes-background
Add the plugin to you tailwind.config require('tailwind-stripes-background')]
stripes
class will add the default black animated stripes
stripes-white
class will add the default white animated stripes
stripes-color-[10_20%_40%]
stripes-opacity
will add opacity with the already defined opacity values in tailwind and also accepts custom values like stripes-opacity-[0.5532]
stripes-size
has 4 values :
sm : 10px
md : 20px
lg : 30px
xl : 40px
and it also accepts custom values like stripes-size-[100px]
stripes-reverse
will reverse the stripes direction