tailwindcss-fade: A Tailwind plugin for adding gradient edge fades using CSS masks.
Features:
🎯 Apply fades to individual edges or all sides at once
🎨 Control fade intensity separately for each edge
🔄 Rotate the fade mask for diagonal effects
⚡ Built-in animation support with transition-fade utility
📏 Works with arbitrary values for precise control
🔧 Zero config needed after installation
Works with both Tailwind v3 and v4. Clean syntax that fits right into your existing utility workflow.
Useful for image galleries, scrollable containers, or any UI where you need polished edge transitions.
Top comments (0)