tw-fade: Scroll-Gated Edge Fades for Tailwind v4

tw-fade adds scroll-aware edge fades to Tailwind CSS v4 scroll containers.

Features:

• Add top, bottom, left, right, vertical, horizontal, or four-edge fades.
• Use CSS masks with no runtime JavaScript.
• Keep sticky headers readable with configurable clear zones.
• Import the Tailwind v4 source path or a prebuilt CSS file.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo