awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
tholman avatar

tholman/elevator.js

0
View on GitHub↗
6,641 stars·491 forks·JavaScript·20 viewstholman.com/elevator.js↗

Elevator.js

elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience.

The library goes beyond a simple scroll-to-top button by offering configurable scroll duration, the ability to scroll to any specified DOM element with optional vertical padding, and callback hooks that fire user-defined functions at the start and end of the animation. This allows developers to integrate custom side effects or trigger other page behaviors alongside the scroll action.

The project provides a smooth scroll animation with click event binding, making it easy to attach the scroll action to any user-selected element. It is distributed as a single JavaScript file that can be included in any web project.

Features

  • Back-to-Top Links - Provides a configurable back-to-top button with smooth animation and optional elevator music.
  • Animated Back-to-Top Buttons - Animates a smooth scroll to the top of the page while playing elevator music.
  • Audio-Enhanced Back-to-Top Buttons - Plays elevator music during the scroll-to-top animation to mask the transition with a playful audio cue.
  • Audio-Enhanced - Plays elevator music during a smooth scroll-to-top animation, masking the transition with a playful audio cue.
  • Audio-Enhanced Scroll Experiences - Plays background music during a scroll animation to create a more engaging and thematic user interaction.
  • Scroll Animation Audio Cues - Play a short audio clip during a scroll animation to add a playful auditory cue to the return-to-top action.
  • Audio-Overlay - Animates page scrolling while playing a looping audio track to mask the transition.
  • Smooth Scrolling - Implements a customizable smooth scroll animation to the top of a page or to a specific element.
  • Animated Page-Top Scrolls - Animates the page smoothly upward when a user clicks a button, with optional elevator music.
  • Element-Targeted Scrolling - Moves the viewport to any specified DOM element with optional vertical padding and smooth animation.
  • Target Offset Configurators - Ships configurable vertical offset when scrolling to any specified DOM element for precise positioning.
  • Scroll Lifecycle Callbacks - Provides callback hooks that fire at the start and end of scroll animations for custom integration.
  • Smooth Scroll Libraries - Provides a smooth scroll animation library with configurable duration, custom targets, and callback hooks.
  • Audio Playback - Plays a looping elevator music track in the background during scroll animation.
  • Scroll Effects - Back-to-top button with elevator-style animation.
  • 平滑滚动插件(Smooth Scroll) - Listed in the “平滑滚动插件(Smooth Scroll)” section of the Awesome Frontend awesome list.

Star history

Star history chart for tholman/elevator.jsStar history chart for tholman/elevator.js

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Elevator.js

Similar open-source projects, ranked by how many features they share with Elevator.js.
  • cferdinandi/smooth-scrollcferdinandi avatar

    cferdinandi/smooth-scroll

    5,444View on GitHub↗

    This JavaScript smooth scrolling library is a frontend utility and viewport motion controller designed to animate transitions to anchor links. It intercepts standard link clicks to replace instant jumps with fluid movement toward target elements. The library provides configurable motion easing patterns and speed controls to manage acceleration and deceleration. It includes a mechanism to cancel active animations immediately and supports programmatic scroll triggering via direct function calls. The tool handles positioning offsets to prevent target content from being hidden behind fixed heade

    JavaScriptanchor-linksanimate-scrollingjavascript
    View on GitHub↗5,444
  • fisshy/react-scrollfisshy avatar

    fisshy/react-scroll

    4,411View on GitHub↗

    react-scroll is a library for managing smooth and immediate scrolling behavior between page elements in React applications. It functions as a DOM scroll controller, providing a declarative API and a set of components to animate the viewport to specific target elements. The library enables custom scrolling by allowing the viewport to move to target elements through either instant jumps or animated transitions. It provides a system for integrating this scrolling logic into custom components using mixins to define specific movement triggers and targets. The project covers viewport navigation an

    JavaScript
    View on GitHub↗4,411
  • electerious/basicscrollelecterious avatar

    electerious/basicScroll

    3,607View on GitHub↗

    BasicScroll is a standalone scroll-driven animation library that updates CSS custom properties, element styles, and CSS properties dynamically based on absolute or relative viewport scroll positions. It functions as an animation engine designed to build custom parallax scrolling experiences and fluid visual effects on both mobile and desktop viewports. The library supports custom scroll range definitions anchored directly to specific document elements, alongside callback executions that trigger user-defined functions with live progress data and state percentages as the viewport enters or leav

    JavaScript
    View on GitHub↗3,607
  • prinzhorn/skrollrPrinzhorn avatar

    Prinzhorn/skrollr

    18,426View on GitHub↗

    Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a toolkit for linking CSS properties and HTML attributes to scroll positions to create synchronized animations, specifically providing utilities for the interpolation of SVG attributes. The library enables the creation of parallax scrolling and interactive web storytelling by mapping scroll offsets to specific style values. It allows for the development of non-linear movement and dynamic SVG effects through the use of custom HTML attributes that define keyframes. The system covers

    HTML
    View on GitHub↗18,426
See all 30 alternatives to Elevator.js→

Frequently asked questions

What does tholman/elevator.js do?

elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience.

What are the main features of tholman/elevator.js?

The main features of tholman/elevator.js are: Back-to-Top Links, Animated Back-to-Top Buttons, Audio-Enhanced Back-to-Top Buttons, Audio-Enhanced, Audio-Enhanced Scroll Experiences, Scroll Animation Audio Cues, Audio-Overlay, Smooth Scrolling.

What are some open-source alternatives to tholman/elevator.js?

Open-source alternatives to tholman/elevator.js include: cferdinandi/smooth-scroll — This JavaScript smooth scrolling library is a frontend utility and viewport motion controller designed to animate… fisshy/react-scroll — react-scroll is a library for managing smooth and immediate scrolling behavior between page elements in React… electerious/basicscroll — BasicScroll is a standalone scroll-driven animation library that updates CSS custom properties, element styles, and… prinzhorn/skrollr — Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a… terwanerik/scrolltrigger — ScrollTrigger is a JavaScript library and DOM scroll event manager designed to execute callbacks and toggle CSS… ustbhuangyi/better-scroll — Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance…