awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 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·5 Aufrufescrollrevealjs.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-Verlauf

Star-Verlauf für scrollreveal/scrollrevealStar-Verlauf für scrollreveal/scrollreveal

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Open-Source-Alternativen zu Scrollreveal

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit Scrollreveal.
  • michalsnik/aosAvatar von michalsnik

    michalsnik/aos

    28,075Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗28,075
  • matthieua/wowAvatar von matthieua

    matthieua/WOW

    9,903Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗9,903
  • ui-layouts/uilayoutsAvatar von ui-layouts

    ui-layouts/uilayouts

    3,190Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗3,190
  • ant-design/ant-motionAvatar von ant-design

    ant-design/ant-motion

    4,613Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗4,613
Alle 30 Alternativen zu Scrollreveal anzeigen→

Häufig gestellte Fragen

Was macht scrollreveal/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.

Was sind die Hauptfunktionen von scrollreveal/scrollreveal?

Die Hauptfunktionen von scrollreveal/scrollreveal sind: 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.

Welche Open-Source-Alternativen gibt es zu scrollreveal/scrollreveal?

Open-Source-Alternativen zu scrollreveal/scrollreveal sind unter anderem: 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,… terwanerik/scrolltrigger — ScrollTrigger is a JavaScript library and DOM scroll event manager designed to execute callbacks and toggle CSS… ant-design/ant-motion — This is a React animation library providing a collection of components for creating choreographed motion, complex… civiccc/react-waypoint — react-waypoint is a React component and viewport tracking tool that executes functions based on the visibility of a…