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

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

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

6 个仓库

Awesome GitHub RepositoriesAnimation Customizations

Settings for adjusting the timing and easing of transitions between sections.

Distinct from Scroll Animations: Distinct from Scroll Animations: focuses on the configuration of transition physics rather than the trigger mechanism.

Explore 6 awesome GitHub repositories matching user interface & experience · Animation Customizations. Refine with filters or upvote what's useful.

Awesome Animation Customizations GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • meliorence/react-native-snap-carouselmeliorence 的头像

    meliorence/react-native-snap-carousel

    10,519在 GitHub 上查看↗

    This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab

    Allows mapping the current scroll position to specific style changes for items moving through the interface.

    JavaScriptadvanced-effectscarouselflatlist-based
    在 GitHub 上查看↗10,519
  • peachananr/onepage-scrollpeachananr 的头像

    peachananr/onepage-scroll

    9,474在 GitHub 上查看↗

    onepage-scroll is a JavaScript library and scroll orchestrator that transforms websites into a series of sections navigated one page at a time. It functions as a single page navigation tool that implements viewport-based section snapping to lock the scroll position to full-screen segments. The library provides a responsive scrolling interface that automatically reverts to standard browser scrolling behavior when the window width drops below a defined threshold. It synchronizes the browser address bar with the current section index as the user navigates through the page. The system includes c

    Provides configuration settings to adjust the timing and easing of transitions between page sections.

    JavaScript
    在 GitHub 上查看↗9,474
  • cferdinandi/smooth-scrollcferdinandi 的头像

    cferdinandi/smooth-scroll

    5,444在 GitHub 上查看↗

    This JavaScript smooth scrolling library is a frontend utility and viewport motion controller designed to animate transitions to anchor links. It intercepts standard link clicks to replace instant jumps with fluid movement toward target elements. The library provides configurable motion easing patterns and speed controls to manage acceleration and deceleration. It includes a mechanism to cancel active animations immediately and supports programmatic scroll triggering via direct function calls. The tool handles positioning offsets to prevent target content from being hidden behind fixed heade

    Allows fine-tuning of transition speeds and easing patterns to enhance the visual feel of page movement.

    JavaScriptanchor-linksanimate-scrollingjavascript
    在 GitHub 上查看↗5,444
  • flipkart/recyclerlistviewFlipkart 的头像

    Flipkart/recyclerlistview

    5,440在 GitHub 上查看↗

    Recyclerlistview is a cross-platform virtualized list component for React Native and web. It functions as a cell-recycling UI library that reuses a small set of off-screen components by updating their data rather than creating new views for every item. The framework includes a dynamic grid layout engine that supports staggered grids and variable item heights, allowing for instant switching between list and grid view modes. The library provides capabilities for virtual scrolling management, including viewability tracking, sticky headers, and scroll position restoration. It also supports infin

    Offers a custom animator interface to control how cells transition during height or position changes.

    TypeScript
    在 GitHub 上查看↗5,440
  • argyleink/transition.cssargyleink 的头像

    argyleink/transition.css

    2,020在 GitHub 上查看↗

    Transition.css is a CSS animation library and declarative UI animation framework that provides pre-built entry and exit animations triggered directly by HTML attributes without requiring custom JavaScript. It functions as a CSS transition toolkit, supplying customizable animation sequences and geometry primitives designed for rapid web interface prototyping. The library enables users to apply page and element transitions, trigger pre-built visual effects, and compose custom transitions by combining raw keyframes with custom state properties. Animation timing, delays, pacing curves, and transi

    Allows adjusting animation timing, delays, and pacing curves globally or per element.

    CSSanimationsclip-pathcss
    在 GitHub 上查看↗2,020
  • scroll-out/scroll-outscroll-out 的头像

    scroll-out/scroll-out

    1,216在 GitHub 上查看↗

    Scroll-out is a JavaScript scroll animation library that detects element visibility during scroll to trigger reveal, parallax, and dynamic style effects. It serves as a CSS custom property scroll driver that computes and applies live property values based on scroll position, allowing page styles to adapt fluidly, alongside functioning as a DOM viewport intersection observer that monitors when elements enter or leave the browser viewport to update their visual state attributes. The library maps real-time scroll offsets and element positions directly to custom CSS properties for fluid visual tr

    Computes and applies live property values based on scroll positions so page styles adapt fluidly.

    TypeScriptanimationcsscss-classes
    在 GitHub 上查看↗1,216
  1. Home
  2. User Interface & Experience
  3. Scroll Animations
  4. Animation Customizations

探索子标签

  • Scroll-Based Style InterpolationsMapping scroll offsets to dynamic style changes for individual items. **Distinct from Animation Customizations:** Distinct from Animation Customizations: focuses on calculating styles based on scroll position rather than transition physics.