awesome-repositories.comCatégoriesBlog
MCP
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 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·12 vuesscrollrevealjs.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.

Historique des stars

Graphique de l'historique des stars pour scrollreveal/scrollrevealGraphique de l'historique des stars pour scrollreveal/scrollreveal

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Alternatives open source à Scrollreveal

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Scrollreveal.
  • michalsnik/aosAvatar de michalsnik

    michalsnik/aos

    28,075Voir sur 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
    Voir sur GitHub↗28,075
  • matthieua/wowAvatar de matthieua

    matthieua/WOW

    9,903Voir sur 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
    Voir sur GitHub↗9,903
  • ui-layouts/uilayoutsAvatar de ui-layouts

    ui-layouts/uilayouts

    3,190Voir sur 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
    Voir sur GitHub↗3,190
  • ant-design/ant-motionAvatar de ant-design

    ant-design/ant-motion

    4,613Voir sur 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
    Voir sur GitHub↗4,613
Voir les 30 alternatives à Scrollreveal→

Questions fréquentes

Que fait 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.

Quelles sont les fonctionnalités principales de scrollreveal/scrollreveal ?

Les fonctionnalités principales de scrollreveal/scrollreveal sont : 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.

Quelles sont les alternatives open-source à scrollreveal/scrollreveal ?

Les alternatives open-source à scrollreveal/scrollreveal incluent : 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…