UI.MD

Search documentation

Search for components, guides, and tokens

Scroll Fade

A scrollable container with gradient fade edges to indicate overflow.

Installation

$
npx shadcn@latest add https://ui.mattdowney.com/r/scroll-fade.json

Usage

import { ScrollFade } from "@/components/ui/scroll-fade"

Examples

Default

Scrollable item 1

Scrollable item 2

Scrollable item 3

Scrollable item 4

Scrollable item 5

Scrollable item 6

Scrollable item 7

Scrollable item 8

Scrollable item 9

Scrollable item 10