UI Thing

Scroll Progress

A component that displays the user's scroll progress on the page.

Magic UI

Source code

Click to see the source code for this component on GitHub.

Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest magic scroll-progress

Usage

Basic

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

Pointer

A component that displays a pointer when hovering over an element

Android

A mockup of an Android device that can be used to showcase mobile apps or websites.