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

scrollreveal/scrollreveal

0
View on GitHub↗
22,493 stars·2,208 forks·JavaScript·15 viewsscrollrevealjs.org↗

Scrollreveal

ScrollReveal is a client-side JavaScript library used to trigger CSS animations and transitions for page elements as they enter the browser viewport. It functions as a DOM element animation trigger and a simplified wrapper for the Intersection Observer API to coordinate visual entrance effects and staggered animations based on the user's scroll position.

The library focuses on scroll-driven motion and reveal effects, enabling the execution of visual changes and animations automatically as a user navigates a website. It manages the reveal of page content to create movement and progression within interactive frontend designs.

Features

  • Scroll-Triggered Animations - Triggers CSS animations and transitions for elements as they scroll into the visible screen area.
  • Scroll-Driven Motion Libraries - Offers a lightweight set of utilities for adding scroll-driven motion and reveal effects to web pages.
  • Viewport-Based Reveals - Creates movement and progression by revealing page content only when it enters the viewport.
  • Scroll Animations - Provides a library of visual effects and transitions triggered by element visibility during scrolling.
  • Intersection Observer Implementations - Uses the native Intersection Observer API to detect when elements enter the viewport.
  • Configurable Property Animators - Provides a configuration object to define the timing, duration, and easing of CSS animations.
  • Interactive Interface Design - Enhances user engagement by using responsive CSS transitions to highlight webpage sections.
  • State-Based CSS Toggling - Triggers animations by toggling CSS classes based on the visibility state of elements.
  • Scroll-Based Animations - Library for animating elements as they enter the viewport.

Star history

Star history chart for scrollreveal/scrollrevealStar history chart for scrollreveal/scrollreveal

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 scrollreveal/scrollreveal do?

ScrollReveal is a client-side JavaScript library used to trigger CSS animations and transitions for page elements as they enter the browser viewport. It functions as a DOM element animation trigger and a simplified wrapper for the Intersection Observer API to coordinate visual entrance effects and staggered animations based on the user's scroll position.

What are the main features of scrollreveal/scrollreveal?

The main features of scrollreveal/scrollreveal are: Scroll-Triggered Animations, Scroll-Driven Motion Libraries, Viewport-Based Reveals, Scroll Animations, Intersection Observer Implementations, Configurable Property Animators, Interactive Interface Design, State-Based CSS Toggling.

What are some open-source alternatives to scrollreveal/scrollreveal?

Open-source alternatives to scrollreveal/scrollreveal include: michalsnik/aos — AOS is a scroll-triggered animation library that controls the execution, timing, and mapping of CSS transitions based… matthieua/wow — WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the… ui-layouts/uilayouts — uillayouts is a comprehensive design system consisting of interactive components, responsive templates,… ant-design/ant-motion — This is a React animation library providing a collection of components for creating choreographed motion, complex… terwanerik/scrolltrigger — ScrollTrigger is a JavaScript library and DOM scroll event manager designed to execute callbacks and toggle CSS… civiccc/react-waypoint — react-waypoint is a React component and viewport tracking tool that executes functions based on the visibility of a…

Open-source alternatives to Scrollreveal

Similar open-source projects, ranked by how many features they share with Scrollreveal.
  • 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
  • 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
  • ui-layouts/uilayoutsui-layouts avatar

    ui-layouts/uilayouts

    3,190View on GitHub↗

    uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

    TypeScriptaccertinityaccordion-componentanimated-tabs
    View on GitHub↗3,190
  • ant-design/ant-motionant-design avatar

    ant-design/ant-motion

    4,613View on GitHub↗

    This is a React animation library providing a collection of components for creating choreographed motion, complex transitions, and SVG morphing. It functions as a motion design specification and a UI component animation wrapper system used to apply 3D transforms, Bezier curves, and entry-exit transitions to interface elements. The project includes a scroll-driven animation suite for synchronizing UI movements and parallax effects with the viewport position, as well as an SVG motion framework for animating paths, drawing lines incrementally, and interpolating coordinates for shape morphing. I

    JavaScriptanimationant-motionjavascript
    View on GitHub↗4,613
    • See all 30 alternatives to Scrollreveal→