Instead of a boring scroll bar, thought it would be fun to have an animated stick figure that walks down the page when you scroll. Coming soon: v2 with new actions and better animation.
This is the first prototype made with Cursor AI + Javascript.
Going to make a skateboarder, scuba diver, or dog next. What other kinds of scroll buddies should I make?
Note: if you have reduce motion (accessibility setting) turned on, the animation is disabled.
About Scroll Buddy on Product Hunt
“A scroll bar that walks when you scroll”
Scroll Buddy launched on Product Hunt on March 11th, 2025 and earned 105 upvotes and 16 comments, placing #30 on the daily leaderboard. Instead of a boring scroll bar, thought it would be fun to have an animated stick figure that walks down the page when you scroll. Coming soon: v2 with new actions and better animation.
On the analytics side, Scroll Buddy competes within Emoji, User Experience and Animation — topics that collectively have 378.7k followers on Product Hunt. The dashboard above tracks how Scroll Buddy performed against the three products that launched closest to it on the same day.
Who hunted Scroll Buddy?
Scroll Buddy was hunted by Ryan. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Scroll Buddy including community comment highlights and product details, visit the product overview.
Ryan
This is the first prototype made with Cursor AI + Javascript.
Going to make a skateboarder, scuba diver, or dog next. What other kinds of scroll buddies should I make?
Note: if you have reduce motion (accessibility setting) turned on, the animation is disabled.