Scroll Shadow

Preview

About

Scroll shadow (KasyScrollShadow) — fades the start/end edges of scrollable content to signal there's more to see, appearing only when there's overflow in that direction.

• axis: vertical (default) or horizontal.
• type: opacity (default, a subtle alpha gradient) or blur (adds a background blur for extra depth).
• inSurface: true when the scrollable content sits inside a card/modal/popover, so the fade starts from the surface color instead of the page background.
• size: extent of each edge fade (default 40).
• child: the scrollable widget (e.g. ListView, SingleChildScrollView).

Last updated on 08/23/2026