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
fisshy avatar

fisshy/react-scroll

0
View on GitHub↗
github.com/fisshy/react-scroll/blob/master/README.md↗

React Scroll

react-scroll is a library for managing smooth and immediate scrolling behavior between page elements in React applications. It functions as a DOM scroll controller, providing a declarative API and a set of components to animate the viewport to specific target elements.

The library enables custom scrolling by allowing the viewport to move to target elements through either instant jumps or animated transitions. It provides a system for integrating this scrolling logic into custom components using mixins to define specific movement triggers and targets.

The project covers viewport navigation and focus transitions within single-page application layouts, linking user actions in React components to specific positions within the page.

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

Features

  • Element-Targeted Scrolling - Acts as a declarative controller for programmatically moving the viewport to specific target elements.
  • React Components - Provides a set of reusable components designed to link React user actions to viewport movements.
  • Smooth Scrolling - Employs requestAnimationFrame to create fluid, smooth glide effects during viewport transitions.
  • Smooth Scroll Components - Ships a set of components that animate the viewport to target elements for improved navigation.
  • Smooth Scroll Libraries - Provides a specialized JavaScript library for managing smooth and immediate scrolling within React apps.
  • Behavioral Mixins - Uses behavioral mixins to inject reusable scrolling logic and trigger handlers into custom components.
  • Single Page Applications - Manages viewport focus and navigation transitions within the context of a single-page application layout.
  • Custom Scroll Interfaces - Enables the creation of tailored scrolling interfaces with specialized programmatic jumps and interaction control.
  • Scroll Component Integrations - Provides a system for integrating scrolling triggers and targets into custom components using mixins.
  • UI Interaction Triggers - Implements an event-driven system that triggers specific scroll sequences based on user interactions.
  • UI Layout Utilities - Component for handling scroll-based navigation.
4,411 stars·429 forks·JavaScript·MIT·31 views

Star history

Star history chart for fisshy/react-scrollStar history chart for fisshy/react-scroll

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with React Scroll

These projects share indexed features with React Scroll. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • cferdinandi/smooth-scrollcferdinandi avatar

    cferdinandi/smooth-scroll

    5,444View on 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

    JavaScriptanchor-linksanimate-scrollingjavascript
    View on GitHub↗5,444
  • tholman/elevator.jstholman avatar

    tholman/elevator.js

    6,641View on GitHub↗

    elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience. The library goes beyond a simple scroll-to-top button by offering configurable scroll duration, the ability to scroll to any specified DOM element with optional vertical padding, and callback hooks that fire user-defined functions at the start and end of the animation. This allo

    JavaScript
    View on GitHub↗6,641
  • ustbhuangyi/better-scrollustbhuangyi avatar

    ustbhuangyi/better-scroll

    16,489View on GitHub↗

    Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

    TypeScriptbetter-performanceiosiscroll
    View on GitHub↗16,489
  • oliviertassinari/react-swipeable-viewsoliviertassinari avatar

    oliviertassinari/react-swipeable-views

    4,473View on GitHub↗

    This project is a React library for creating touch-enabled sliding views and interactive view switchers. It provides components for building content carousels and sliders that support horizontal or vertical navigation via touch, mouse swipe gestures, and keyboard inputs. The library includes a virtualized slider component that renders only visible views to maintain performance with large content sets. It supports specialized visual behaviors such as three-dimensional coverflow transitions, circular navigation for infinite looping, and edge resistance effects when reaching the boundaries of a

    JavaScript
    View on GitHub↗4,473
Compare all 30 related projects→

Frequently asked questions

What does fisshy/react-scroll do?

react-scroll is a library for managing smooth and immediate scrolling behavior between page elements in React applications. It functions as a DOM scroll controller, providing a declarative API and a set of components to animate the viewport to specific target elements.

What are the main features of fisshy/react-scroll?

The main features of fisshy/react-scroll are: Element-Targeted Scrolling, React Components, Smooth Scrolling, Smooth Scroll Components, Smooth Scroll Libraries, Behavioral Mixins, Single Page Applications, Custom Scroll Interfaces.

Which projects share features with fisshy/react-scroll?

Projects with overlapping indexed features include: cferdinandi/smooth-scroll — This JavaScript smooth scrolling library is a frontend utility and viewport motion controller designed to animate… tholman/elevator.js — elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a… ustbhuangyi/better-scroll — Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance… oliviertassinari/react-swipeable-views — This project is a React library for creating touch-enabled sliding views and interactive view switchers. It provides… adobe/react-spectrum — This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system.… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It…