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

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
electerious avatar

electerious/basicScroll

0
View on GitHub↗
3,607 stele·148 fork-uri·JavaScript·MIT·1 vizualizarebasicscroll.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.

Istoric stele

Graficul istoricului de stele pentru electerious/basicscrollGraficul istoricului de stele pentru electerious/basicscroll

Căutare AI

Explorează mai multe repository-uri excelente

Descrie ce ai nevoie în limbaj simplu — AI-ul sortează mii de proiecte open source selectate în funcție de relevanță.

Start searching with AI

Colecții curatoriate care includ BasicScroll

Colecții selectate manual în care apare BasicScroll.
  • Parallax animation library

Alternative open-source pentru BasicScroll

Proiecte open-source similare, clasificate după numărul de funcționalități comune cu BasicScroll.
  • tholman/elevator.jsAvatar tholman

    tholman/elevator.js

    6,641Vezi pe 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
    Vezi pe GitHub↗6,641
  • prinzhorn/skrollrAvatar Prinzhorn

    Prinzhorn/skrollr

    18,426Vezi pe 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
    Vezi pe GitHub↗18,426
  • scroll-out/scroll-outAvatar scroll-out

    scroll-out/scroll-out

    1,216Vezi pe 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
    Vezi pe GitHub↗1,216
  • jscottsmith/react-scroll-parallaxAvatar jscottsmith

    jscottsmith/react-scroll-parallax

    2,986Vezi pe 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
    Vezi pe GitHub↗2,986
Vezi toate cele 30 alternative pentru BasicScroll→

Întrebări frecvente

Ce face electerious/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.

Care sunt principalele funcționalități ale electerious/basicscroll?

Principalele funcționalități ale electerious/basicscroll sunt: 视差滚动(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.

Care sunt câteva alternative open-source pentru electerious/basicscroll?

Alternativele open-source pentru electerious/basicscroll includ: 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…