awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
scrollreveal avatar

scrollreveal/scrollreveal

0
View on GitHub↗
22,493 星标·2,208 分支·JavaScript·5 次浏览scrollrevealjs.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 历史

scrollreveal/scrollreveal 的 Star 历史图表scrollreveal/scrollreveal 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

Scrollreveal 的开源替代方案

相似的开源项目，按与 Scrollreveal 的功能重合度排序。
  • michalsnik/aosmichalsnik 的头像

    michalsnik/aos

    28,075在 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
    在 GitHub 上查看↗28,075
  • matthieua/wowmatthieua 的头像

    matthieua/WOW

    9,903在 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
    在 GitHub 上查看↗9,903
  • ui-layouts/uilayoutsui-layouts 的头像

    ui-layouts/uilayouts

    3,190在 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
    在 GitHub 上查看↗3,190
  • ant-design/ant-motionant-design 的头像

    ant-design/ant-motion

    4,613在 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
    在 GitHub 上查看↗4,613
查看 Scrollreveal 的所有 30 个替代方案→

常见问题解答

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.

scrollreveal/scrollreveal 的主要功能有哪些？

scrollreveal/scrollreveal 的主要功能包括：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。

scrollreveal/scrollreveal 有哪些开源替代品？

scrollreveal/scrollreveal 的开源替代品包括： 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…