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

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
flackr avatar

flackr/scroll-timeline

0
View on GitHub↗
1,157 stars·112 forks·JavaScript·Apache-2.0·6 vues

Scroll Timeline

Scroll-timeline is a JavaScript library and standards-based browser polyfill that implements scroll-driven animations and scroll timelines for environments lacking native platform support. It links web animations and CSS animations directly to the user's scroll position or element visibility instead of time, enabling fluid visual effects tied to page movement.

The library supports scroll-driven page effects such as scaling image dimensions, panning background positions across large visual elements, and revealing transitions between visual states progressively as the user scrolls. It also triggers dynamic element animations whenever an item enters or intersects the visible viewport.

Underlying architectural mechanisms handle document structure changes, schedule animation frame updates with the rendering pipeline, and map container scroll dimensions and bounding rectangles into a normalized timeline progress percentage. Standard style declarations and CSS variables are intercepted to evaluate scroll progress manually and attach calculated values directly to target element keyframe animations.

Features

  • Scroll Animations - Links web animations directly to the user's scroll position to create fluid, interactive visual effects tied to page movement.
  • Scroll Timeline Polyfills - Implements scroll-driven animations and scroll timelines for web browsers lacking native platform support.
  • Scroll Animation Polyfills - Provides a standards-based polyfill that enables CSS animations to be driven by scroll position instead of time.
  • Scroll-Based Property Interpolation - Performs mathematical mapping of container scroll dimensions and bounding rectangles into a normalized timeline progress percentage.
  • Scroll-Driven Animation Tools - Links element animations directly to the scroll offset so visual progress tracks page movement accurately.
  • Scroll-Driven Transition Effects - Scales images, reveals content, and creates panoramic transitions that progress naturally as the user scrolls.
  • Dynamic Element Animation - Triggers and controls dynamic animations whenever an item enters or intersects the visible viewport area.

Historique des stars

Graphique de l'historique des stars pour flackr/scroll-timelineGraphique de l'historique des stars pour flackr/scroll-timeline

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Collections incluant Scroll Timeline

Sélections manuelles où Scroll Timeline apparaît.
  • Parallax animation library

Alternatives open source à Scroll Timeline

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Scroll Timeline.
  • mattdelacdev/wowAvatar de mattdelacdev

    mattdelacdev/WOW

    9,904Voir sur GitHub↗

    WOW is a JavaScript library and animation engine designed to trigger CSS animations when elements enter the browser viewport during page scrolling. It serves as a tool for orchestrating visual transitions based on the user's scroll position and element visibility. The library functions as a dynamic content animation tool, capable of detecting and animating new elements added to the page after the initial load. This allows visual effects to be applied to dynamically injected content without requiring a page refresh. The system utilizes the Intersection Observer API to detect viewport entry an

    JavaScript
    Voir sur GitHub↗9,904
  • matthieua/wowAvatar de matthieua

    matthieua/WOW

    9,903Voir sur GitHub↗

    WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the browser viewport during scrolling. It functions as a viewport trigger engine, managing the timing and execution of visual transitions for both static and dynamic page content. The library integrates scroll events with CSS animations and effects from libraries such as Animate.css. It utilizes intersection observers to monitor viewport entry and mutation observers to track and apply animation triggers to new elements added to the DOM after the initial setup.

    JavaScript
    Voir sur GitHub↗9,903
  • janpaepke/scrollmagicAvatar de janpaepke

    janpaepke/ScrollMagic

    14,951Voir sur GitHub↗

    ScrollMagic is a DOM scroll interaction framework and animation engine used to map scroll progress to callbacks and visual effects. It functions as a library for triggering animations based on a user's scroll position and the proximity of elements to the viewport. The framework employs a plugin-based system to extend core behavior and customize how elements react during movement. This allows for the development of non-standard scrolling interactions and interactive storytelling experiences where content transitions are tied to the scroll position. The system provides capabilities for viewpor

    TypeScript
    Voir sur GitHub↗14,951
  • prinzhorn/skrollrAvatar de Prinzhorn

    Prinzhorn/skrollr

    18,426Voir sur 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
    Voir sur GitHub↗18,426
Voir les 30 alternatives à Scroll Timeline→

Questions fréquentes

Que fait flackr/scroll-timeline ?

Scroll-timeline is a JavaScript library and standards-based browser polyfill that implements scroll-driven animations and scroll timelines for environments lacking native platform support. It links web animations and CSS animations directly to the user's scroll position or element visibility instead of time, enabling fluid visual effects tied to page movement.

Quelles sont les fonctionnalités principales de flackr/scroll-timeline ?

Les fonctionnalités principales de flackr/scroll-timeline sont : Scroll Animations, Scroll Timeline Polyfills, Scroll Animation Polyfills, Scroll-Based Property Interpolation, Scroll-Driven Animation Tools, Scroll-Driven Transition Effects, Dynamic Element Animation.

Quelles sont les alternatives open-source à flackr/scroll-timeline ?

Les alternatives open-source à flackr/scroll-timeline incluent : mattdelacdev/wow — WOW is a JavaScript library and animation engine designed to trigger CSS animations when elements enter the browser… matthieua/wow — WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the… terwanerik/scrolltrigger — ScrollTrigger is a JavaScript library and DOM scroll event manager designed to execute callbacks and toggle CSS… janpaepke/scrollmagic — ScrollMagic is a DOM scroll interaction framework and animation engine used to map scroll progress to callbacks and… prinzhorn/skrollr — Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a… alexfoxy/lax.js — Lax.js is a lightweight JavaScript library designed for creating scroll-driven animations and interactive motion…