186 Open source projects that are alternatives of or similar to React Intersection Observer

A simple lightweight library for Angular with no other dependencies that detects when an element is within the browser viewport and adds a "sn-viewport-in" or "sn-viewport-out" class to the element

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

Vue 2 mixin to determine when a DOM element is visible in the client window

㸚 Easy-to-use React state containers which utilize the render props (function as child) pattern

A tiny, dependency-free, high performance viewport position & intersection observation tool

📜 React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport. All callback include the progress and velocity of the scrolling, in the event you want to manipulate stuff based on those values.

A tiny JavaScript library to enable CSS animations when user scrolls.

😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

React components to add reveal animations using the Intersection Observer API and CSS Animations.

Get notified when a DOM element enters or exits the viewport. 👀

A tiny JS (5KB) library to trigger animations on elements when they are within the viewport 👓

Mac Mouse Fix - A simple way to make your mouse better.

A highly configurable viewport/2D camera designed to work with pixi.js

Infinite paging controller, scrolling through contents and title bar scrolls with a delay

0 dependency JS plugin to leverage scroll direction with CSS ⬆⬇ 🔌💉

Animation library that mimics CSS keyframes when scrolling.

A simple and fast API to monitor elements as you scroll

A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport.

Scroll to any element to enhance scroll-based features in you app. Works for Angular 4+, both AoT and SSR. No dependencies.

Official React.js wrapper for fullPage.js https://alvarotrigo.com/react-fullpage/

A simple vanilla JS scrollspy script.

📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.

Powerful scrolling and motion parallax for iOS

Godot editor UI to spy on what a Viewport is rendering. Useful for debugging.

🔸 A customizable alternative to UIPickerView in Swift.

Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks

🍭 ECMAScript2015+ & TypeScript Friendly, dependency-free smooth scroll library.

Parallax scrolling jQuery plugin

Check if a react component in the viewport

Get viewport dimensions, detect elements in the viewport

Scroll to a position in React

🖱️ Vue directive to keep things scrolled to the bottom.

A modern smooth scrolling library.

🌭TXScrollLabelView, the best way to show & display information such as adverts / boardcast / onsale e.g. with a customView.

Google Reader inspired self-hosted RSS reader written in VueJS with an Express NodeJS backend. RSSMonster is compatible with the Fever API.

【抱歉，暂时不提供开源】A very popular and highly customized banner view, 无限循环滚动轮播图BannerView、焦点图, 支持Cocoapods 及 Carthage. 支持完全自定义

Lightweight scroll to function with a powerful API.

An ultra-light jQuery plugin that tells you if an element is in the viewport but with a twist.

Library for modular scrolling LED matrix text displays

Glues your website's sidebars, making them permanently visible while scrolling.

Smooth scrolling, rotation, pull to refresh, page transition and any motion for the web - 丝般顺滑的触摸运动方案

Bouncy and distorded table view cells, available on Cocoapods

React scrollbars component

Provides fast scroll and section idexer for recycler view

Monitor scrolling and resizing without event listeners.

Animated anchor navigation made easy with jQuery

Library for animating images with continuous scrolling effects

Detect overflow and render shadows, fades, arrows, etc.

Mobile website layout with viewport units

Integrate GIPHY into your React Native project (works with react-native-gifted-chat)

A Simple jQuery Plugin for Animating Scroll

Little utility to detect if elements are currently within the viewport 🔧

pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections. http://alvarotrigo.com/pagePiling/

Detect if an element is in the viewport using the Intersection Observer API

⇅ Preact scrollbars component

🎉 React library to render components only on specific viewports 🔥

Automatically switch CSS html background-color to bring a smooth user experience

Detect when element scrolled to view

A fully customizable Fast Scroller for the RecyclerView in Android, written in Kotlin

A virtual-scrolling GridList component based on CSS Grids