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↗
www.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.

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

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.
  • 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.
9,904 stars·3,983 forks·JavaScript·17 views

Star history

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

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

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.

Which projects share features with mattdelacdev/wow?

Projects with overlapping indexed features 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…

Projects sharing features with WOW

These projects share indexed features with WOW. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • 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
Compare all 30 related projects→