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
·
electerious avatar

electerious/basicScroll

0
View on GitHub↗
3,607 stars·148 forks·JavaScript·MIT·7 viewsbasicscroll.electerious.com↗

BasicScroll

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 leaves specified boundaries. It provides programmatic lifecycle controls to start, stop, and recalculate animation instances, as well as JavaScript extension hooks to execute custom code during scroll updates.

Features

  • 视差滚动(Parallax Scrolling) - Builds standalone parallax scrolling experiences across mobile and desktop devices.
  • CSS Variable Animators - Updates CSS custom properties based on absolute or relative viewport scroll positions.
  • Frame-Synchronized Scroll Loops - Synchronises scroll calculations and visual updates with the browser refresh cycle.
  • Custom Scroll Triggers - Defines custom scroll ranges anchored directly to specific document elements.
  • Scroll-Driven Animation Tools - Updates CSS properties dynamically during page scrolls to enable fluid parallax effects.
  • CSS Custom Property Bindings - Updates native CSS properties directly via custom properties on every scroll frame.
  • Element Anchoring - Calculates dynamic scroll start and end boundaries relative to specific document elements.
  • Smooth Scroll Libraries - Provides a standalone library that animates CSS variables during page scrolls.
  • JavaScript Animation Libraries - Executes custom JavaScript code during scroll updates to customize animation behavior.
  • Cross-Browser Input Abstractions - Normalises touch gestures and mouse wheel events into a consistent internal coordinate system.
  • Cross-Device Input Handlers - Handles touch gestures and mouse inputs seamlessly across mobile and desktop viewports.
  • Touch-Based Viewport Scrolling - Manages interactive scroll animations and custom touch gestures across viewports.

Star history

Star history chart for electerious/basicscrollStar history chart for electerious/basicscroll

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 BasicScroll

Similar open-source projects, ranked by how many features they share with BasicScroll.
  • tholman/elevator.jstholman avatar

    tholman/elevator.js

    6,641View on GitHub↗

    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 allo

    JavaScript
    View on GitHub↗6,641
  • 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
  • scroll-out/scroll-outscroll-out avatar

    scroll-out/scroll-out

    1,216View on GitHub↗

    Scroll-out is a JavaScript scroll animation library that detects element visibility during scroll to trigger reveal, parallax, and dynamic style effects. It serves as a CSS custom property scroll driver that computes and applies live property values based on scroll position, allowing page styles to adapt fluidly, alongside functioning as a DOM viewport intersection observer that monitors when elements enter or leave the browser viewport to update their visual state attributes. The library maps real-time scroll offsets and element positions directly to custom CSS properties for fluid visual tr

    TypeScriptanimationcsscss-classes
    View on GitHub↗1,216
  • jscottsmith/react-scroll-parallaxjscottsmith avatar

    jscottsmith/react-scroll-parallax

    2,986View on GitHub↗

    React Scroll Parallax is a component library and JavaScript animation tool for creating scroll-driven visual effects and layered depth in web applications. It supplies shared scroll metrics and controller access down the component tree through context providers, applying hardware-accelerated style changes such as translation, rotation, and opacity to animate elements. The system tracks element positions relative to viewport boundaries to calculate continuous scroll ratios while batching calculations to sync with browser refresh rates and automatically recomputing layouts during dynamic content

    TypeScriptanimationbannercomponent
    View on GitHub↗2,986
See all 30 alternatives to BasicScroll→

Frequently asked questions

What does electerious/basicscroll do?

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.

What are the main features of electerious/basicscroll?

The main features of electerious/basicscroll are: 视差滚动(Parallax Scrolling), CSS Variable Animators, Frame-Synchronized Scroll Loops, Custom Scroll Triggers, Scroll-Driven Animation Tools, CSS Custom Property Bindings, Element Anchoring, Smooth Scroll Libraries.

What are some open-source alternatives to electerious/basicscroll?

Open-source alternatives to electerious/basicscroll include: tholman/elevator.js — elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a… prinzhorn/skrollr — Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a… scroll-out/scroll-out — Scroll-out is a JavaScript scroll animation library that detects element visibility during scroll to trigger reveal,… jscottsmith/react-scroll-parallax — React Scroll Parallax is a component library and JavaScript animation tool for creating scroll-driven visual effects… terwanerik/scrolltrigger — ScrollTrigger is a JavaScript library and DOM scroll event manager designed to execute callbacks and toggle CSS… hammerjs/hammer.js — Hammer.js is a library for recognizing touch gestures in web applications. It functions as a unified interface that…

Curated searches featuring BasicScroll

Hand-picked collections where BasicScroll appears.
  • Parallax animation library