Animated List

Reveals its children in sequence when scrolled into view.

01Copy the command

02Paste into your app

03Own the source

Installation

bash

npx shadcn@latest add https://ui.noicess.fun/r/animated-list.json

Prop	Type	Default	Description
stagger	number	0.06	Seconds between each child.
distance	number	14	Travel distance in px.
amount	number	0.25	Fraction visible before it plays.