Tailwind Stripes Plugin

All thanks to this amazing human for the idea and the initial implementation. I will keep on working on it and adding more features.

Instalation

npm install tailwind-stripes-background

Add the plugin to you tailwind.config require('tailwind-stripes-background')]

Stripes

stripes class will add the default black animated stripes

Stripes Color

stripes-white class will add the default white animated stripes stripes-color-[10_20%_40%]

Stripes Opacity

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

stripes-size has 4 values :

sm : 10px
md : 20px
lg : 30px
xl : 40px

and it also accepts custom values like stripes-size-[100px]

Stripes Direction

stripes-reverse will reverse the stripes direction