Effects & Transitions / Lists & layout

Scroll Progress

Reading progress bar.

Magic UILists & layoutmotion: spring

Install

npx shadcn@latest add @tpc/scroll-progress

Reduced motion

Token: spring

Default

Note: The scroll progress is shown below the navbar of the page.