Scroll Progress

Gradient bar tied to scroll position (window or container).

motionscroll

Styled with ONONC's design tokens — shadcn add installs them for you.

Scroll me ↓

Paragraph 1. The bar at the top fills as this panel scrolls.

Paragraph 2. The bar at the top fills as this panel scrolls.

Paragraph 3. The bar at the top fills as this panel scrolls.

Paragraph 4. The bar at the top fills as this panel scrolls.

Paragraph 5. The bar at the top fills as this panel scrolls.

Paragraph 6. The bar at the top fills as this panel scrolls.

Paragraph 7. The bar at the top fills as this panel scrolls.

Paragraph 8. The bar at the top fills as this panel scrolls.

Paragraph 9. The bar at the top fills as this panel scrolls.

Paragraph 10. The bar at the top fills as this panel scrolls.

Customize

This component has no live options to customize — it renders the same in every state. See the Props table for its full API.

Props documentation for this component is on the way. The full, type-checked API lives in the source on the Code tab.