React Scroll Progress Components

Dev Design Library indexes 14 React scroll progress components from 10 open-source UI libraries, with the most coming from Velora UI, Aceternity UI, UI Lab, Nexvyn UI and Rare UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Scroll progress components belong to the Feedback group.

• Scroll ProgressMagic UI · ReactAnimated Scroll Progress for your pages
• Scroll ProgressbeUI · ReactReading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring…
• Scroll ProgressRare UI · ReactA scroll progress pill that tracks reading position and expands into a squircle menu of sections you can jump to.
• Reading ProgressUser Interface Wiki · React
• Chat MinimapNotra · ReactA rail of lines that maps a conversation, built on shadcn Button, Card, HoverCard and Tooltip.
• Scroll IndicatorNexvyn UI · ReactA vertical scroll progress indicator with tick marks, section labels, and a floating position readout.
• Reading ProgressUI Lab · ReactA progress bar fills as you read while the time left counts down.
• Reading trailCojeev UI · ReactKeep your place with a connected spine, an expandable bookmark or a descriptive chapter overview—all following actual…
• Scroll ProgressVelora UI · ReactGradient page-progress bar pinned to the top.
• TimelineAceternity UI · React
• Scroll SpineUI Lab · ReactMaps the article as a spine of bands, each as long as its section, filling in as you read.
• TimelineVelora UI · ReactVertical timeline with sticky labels and a gradient beam that fills as you scroll.
• Tracing BeamAceternity UI · React
• Tracing BeamVelora UI · ReactGradient line that draws itself down long-form content.

Libraries with React scroll progress components

• Velora UI
• Aceternity UI
• UI Lab
• Nexvyn UI
• Rare UI

Related categories

• Scroll Progress Components
• Tailwind CSS Scroll Progress Components
• Animated Scroll Progress Components
• React Feedback Components
• React Spinner Components
• React Badge Components
• React Progress Components
• React Alert Components
• React Chip Components
• React Progress Bar Components
• React Empty State Components
• React Notification Components
• React Skeleton Components
• React Status Indicator Components
• React Banner Components
• React Typing Indicator Components
• React Progress Circle Components
• React Error State Components
• React Success Animation Components