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

flackr/scroll-timeline

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

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.

Star history

Star history chart for flackr/scroll-timelineStar history chart for flackr/scroll-timeline

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

Frequently asked questions

What does flackr/scroll-timeline do?

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.

What are the main features of flackr/scroll-timeline?

The main features of flackr/scroll-timeline are: Scroll Animations, Scroll Timeline Polyfills, Scroll Animation Polyfills, Scroll-Based Property Interpolation, Scroll-Driven Animation Tools, Scroll-Driven Transition Effects, Dynamic Element Animation.

What are some open-source alternatives to flackr/scroll-timeline?

Open-source alternatives to flackr/scroll-timeline include: 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…

Open-source alternatives to Scroll Timeline

Similar open-source projects, ranked by how many features they share with Scroll Timeline.
  • mattdelacdev/wowmattdelacdev avatar

    mattdelacdev/WOW

    9,904View on 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
    View on GitHub↗9,904
  • matthieua/wowmatthieua avatar

    matthieua/WOW

    9,903View on 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
    View on GitHub↗9,903
  • janpaepke/scrollmagicjanpaepke avatar

    janpaepke/ScrollMagic

    14,951View on 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
    View on GitHub↗14,951
  • 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 Scroll Timeline→

    Curated searches featuring Scroll Timeline

    Hand-picked collections where Scroll Timeline appears.
    • Parallax animation library