Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui1 dependency

Scroll Progress

scroll-progress

Animated Scroll Progress for your pages

@magicuiRegistry JSON
Live, loading

Starting the live preview…

Rendered from its demo Scroll Progress Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

4 other registries

Similar components

Other registries' take on scroll-progress.

Scroll Progress
a@abui
Component
Scroll Progress
i@iconiq
Component
Scroll Progress
p@pulld
Component
Scroll Progress
s@smoothui
Component
1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Example showing animated scroll progress for your pages.

@magicui

More from @magicui

All 71 items
Rainbow Button
rainbow-button
Component
Grid Pattern
grid-pattern
Component
Terminal
terminal
Component
Retro Grid
retro-grid
Component
Animated Gradient Text
animated-gradient-text
Component
Ripple Button
ripple-button
Component
Animated Grid Pattern
animated-grid-pattern
Component
Marquee
marquee
Component