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

mattdelacdev/WOW

0
View on GitHub↗
9,904 stars·3,983 forks·JavaScript·14 viewswww.delac.io/WOW↗

WOW

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 and employs CSS class injection to activate animations. Configuration is handled through custom data attributes on HTML elements, and a Mutation Observer is used to monitor the document object model for new content.

Features

  • Scroll Animations - Triggers CSS animations specifically when elements become visible in the viewport during scrolling.
  • Lifecycle Transition Classes - Activates predefined animations by injecting specific CSS classes when elements enter their visibility lifecycle.
  • CSS Animation Utilities - Orchestrates the execution of CSS animations based on element visibility and scroll position.
  • Viewport Visibility Observers - Uses native observers to detect when elements enter the viewport to trigger visual transitions.

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
  • Dynamic Content Transitions - Ensures consistent user experience by animating new page elements added after the initial load.
  • Dynamic Element Animation - Applies animation effects to elements added to the page after initial load without requiring a refresh.
  • Dynamic Content Animation Tools - Detects and animates new DOM elements added to a page after the initial load.
  • DOM Mutation Observation - Monitors the DOM for structural changes to automatically apply animation triggers to dynamically added content.

    • Star history

    Star history chart for mattdelacdev/wowStar history chart for mattdelacdev/wow

    Frequently asked questions

    What does mattdelacdev/wow do?

    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.

    What are the main features of mattdelacdev/wow?

    The main features of mattdelacdev/wow are: Scroll Animations, Lifecycle Transition Classes, CSS Animation Utilities, Viewport Visibility Observers, Dynamic Content Transitions, Dynamic Element Animation, Dynamic Content Animation Tools, DOM Mutation Observation.

    What are some open-source alternatives to mattdelacdev/wow?

    Open-source alternatives to mattdelacdev/wow include: matthieua/wow — WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the… michalsnik/aos — AOS is a scroll-triggered animation library that controls the execution, timing, and mapping of CSS transitions based… awesome-reveal/react-awesome-reveal — This library provides a collection of component-based wrappers designed to automate element entrance animations within… midudev/tailwind-animations — Tailwind Animations is a plugin-based toolkit that provides a collection of reusable CSS animation styles and utility… flackr/scroll-timeline — Scroll-timeline is a JavaScript library and standards-based browser polyfill that implements scroll-driven animations… locomotivemtl/locomotive-scroll — Locomotive Scroll is a JavaScript library and toolkit for managing DOM scroll interactions, featuring a smooth scroll…

    Open-source alternatives to WOW

    Similar open-source projects, ranked by how many features they share with WOW.
    • 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
    • michalsnik/aosmichalsnik avatar

      michalsnik/aos

      28,075View on GitHub↗

      AOS is a scroll-triggered animation library that controls the execution, timing, and mapping of CSS transitions based on element visibility and browser viewport intersections. It functions as a DOM element animation controller and a viewport intersection trigger to initiate visual transitions as elements enter the screen. The library utilizes a custom CSS transition bridge to map scroll-based triggers to CSS class changes, enabling integration with external styling frameworks. It supports anchor-based animation triggers, allowing the visibility of one page element to act as the trigger point

      JavaScript
      View on GitHub↗28,075
    • awesome-reveal/react-awesome-revealawesome-reveal avatar

      awesome-reveal/react-awesome-reveal

      1,189View on GitHub↗

      This library provides a collection of component-based wrappers designed to automate element entrance animations within web interfaces. By utilizing the browser's intersection observer capabilities, it tracks element visibility to trigger visual transitions automatically as content enters the viewport. The library distinguishes itself through declarative orchestration, allowing for the creation of sequential and staggered reveal patterns across groups of elements. It manages the animation lifecycle by dynamically injecting CSS keyframes into the document, ensuring that motion effects are appli

      TypeScriptanimationanimationscss
      View on GitHub↗1,189
    • midudev/tailwind-animationsmidudev avatar

      midudev/tailwind-animations

      1,499View on GitHub↗

      Tailwind Animations is a plugin-based toolkit that provides a collection of reusable CSS animation styles and utility classes for web interfaces. It enables the application of motion effects directly within existing styling workflows, allowing developers to implement transitions, fades, and slides without writing custom keyframe definitions. The library utilizes a declarative configuration approach, mapping simple class modifiers to underlying animation properties. By leveraging native CSS capabilities, it performs style orchestration without requiring JavaScript execution at runtime. The sys

      Astroanimationscss3css3-animations
      View on GitHub↗1,499
    See all 30 alternatives to WOW→