Dev Design Library

Scroll Progress

Reading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring smoothing.

Scroll Progress preview
Library
beUI
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add @beui/scroll-progress
Files
  • components/motion/scroll-progress.tsx
  • components/motion/smooth-scroll.tsx
  • lib/utils.ts
Source
https://github.com/starc007/ui-components

Categories

More from beUI