---
title: "tw-fade"
description: "Tailwind v4 plugin adding scroll-edge fade masking to overflow containers with zero JavaScript."
canonical: "https://vibing.inc/library/tw-fade-vg-0187"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Scroll effects"
license: "MIT"
author: "(@petekp)"
source: "https://github.com/petekp/tw-fade"
---

# tw-fade
Tailwind v4 plugin adding scroll-edge fade masking to overflow containers with zero JavaScript.
## Facts
- Source: https://github.com/petekp/tw-fade
- Category: Backgrounds, Effects & CSS Oddities / Scroll effects
- Author: (@petekp)
- Licence: MIT
- Tags: tailwind, scroll, mask, css
## Why it's a gem
Solves the ugly hard-cut scroll edge that every carousel and list has
---
Listed in The Vibeary: https://vibing.inc/library/tw-fade-vg-0187 · JSON: https://vibing.inc/api/public/library/gems/tw-fade-vg-0187