overflow-scroll-fade

Add a gradient-based dynamic fade effect to elements with scrollable overflow.

- ⚛️ React JSX based
- 🔄 Automatically detects and supports horizontal and vertical overflow.
- ❗ Requires the ScrollTimeline API
- Currently works in Chrome, Edge and Opera
- ⚠️ Published as TypeScript and JSX see this post on 𝕏 for the reasoning

> [!NOTE]
> This library is a much simpler successor to indicate which has less restrictions and more features but uses older and more performance intensive techniques.

Usage

``tsx
import { Scroll } from 'overflow-scroll-fade'

const MyScroll = () => (



overflow-scroll-fade

overflow-scroll-fade

)
``