All Projects → React Intersection Observer → Similar Projects or Alternatives

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

React Cool Inview
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
Stars: ✭ 830 (-69.13%)
svelte-inview
A Svelte action that monitors an element enters or leaves the viewport.🔥
Stars: ✭ 358 (-86.69%)
svelte-intersection-observer
Detect if an element is in the viewport using the Intersection Observer API
Stars: ✭ 151 (-94.38%)
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 564 (-79.03%)
Mutual labels:  hooks, viewport, intersection-observer
react-use-observer
Performant react hooks for WebApi Observers, useResizeObserver, useInteractionObserver, useMutationObserver
Stars: ✭ 19 (-99.29%)
Mutual labels:  hooks, hook, intersection-observer
vue-in-viewport-mixin
Vue 2 mixin to determine when a DOM element is visible in the client window
Stars: ✭ 99 (-96.32%)
react-intersection-observer-hook
React hook to use IntersectionObserver declaratively
Stars: ✭ 58 (-97.84%)
use-scroll-direction
A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.
Stars: ✭ 24 (-99.11%)
Mutual labels:  hooks, hook, scrolling
react-intersection-observer-api-example
Showcasing of the Intersection Observer API in React with createRef()
Stars: ✭ 13 (-99.52%)
Viewprt
A tiny, dependency-free, high performance viewport position & intersection observation tool
Stars: ✭ 36 (-98.66%)
Mutual labels:  lazy-loading, viewport, scrolling
crypto-watchdog
Crypto Watchdog is an open-source developer friendly project, periodically queries crypto market and notifies potential pumps & recently added tokens/coins via web-hooks.
Stars: ✭ 22 (-99.18%)
Mutual labels:  hooks, hook
Lagmonitor
Monitor performance of your Minecraft server. Similar to VisualVM and Java Mission Control.
Stars: ✭ 147 (-94.53%)
Mutual labels:  monitor, performance
framer-motion-hooks
Fill the hook gap in Framer Motion
Stars: ✭ 160 (-94.05%)
Mutual labels:  hooks, viewport
use-smooth-scroll
React hook which gives a smooth scrolling function.
Stars: ✭ 41 (-98.48%)
Mutual labels:  hooks, hook
document-visibility
React hook for subscribing to document visibility
Stars: ✭ 31 (-98.85%)
Mutual labels:  hooks, visibility
react-use-hoverintent
React hook for hoverIntent
Stars: ✭ 16 (-99.4%)
Mutual labels:  hooks, hook
jsdom-testing-mocks
A set of tools for emulating browser behavior in jsdom environment
Stars: ✭ 37 (-98.62%)
Mutual labels:  viewport, intersectionobserver
vue-visual
Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.
Stars: ✭ 56 (-97.92%)
useAudioPlayer
Custom React hook & context for controlling browser audio
Stars: ✭ 176 (-93.45%)
Mutual labels:  hooks, hook
rusty-hook
git hook manager, geared toward Rust projects
Stars: ✭ 93 (-96.54%)
Mutual labels:  hooks, hook
bs-react-is-visible
A small library that lets you know whether a component is visible on screen or not.
Stars: ✭ 15 (-99.44%)
react-spring-pop
Animate React elements when they enter the viewport with physics based animations
Stars: ✭ 17 (-99.37%)
Mutual labels:  viewport, intersection-observer
use-bus
React hook to subscribe and dispatch events accros React components
Stars: ✭ 51 (-98.1%)
Mutual labels:  hooks, hook
intersection-observer-examples
Practical, real world examples of Intersection Observer
Stars: ✭ 14 (-99.48%)
React Native Lazy Index
RAM bundle friendly, bundle-time generated `index.js`
Stars: ✭ 143 (-94.68%)
Mutual labels:  performance, lazy-loading
App perf
Open source application performance monitoring tool with emphasis on ease of setup and use. Providing similar functionality like NewRelic/AppNeta/Skylight etc.
Stars: ✭ 353 (-86.87%)
Mutual labels:  monitor, performance
react-ui-hooks
🧩Simple repository of React hooks for building UI components
Stars: ✭ 20 (-99.26%)
Mutual labels:  hooks, hook
React On Screen
Check if a react component in the viewport
Stars: ✭ 357 (-86.72%)
Mutual labels:  lazy-loading, viewport
React Cool Dimensions
😎 📏 React hook to measure an element's size and handle responsive components.
Stars: ✭ 419 (-84.42%)
Mutual labels:  hook, performance
BlazorIntersectionObserver
🔎 Intersection Observer API wrapper for Blazor applications
Stars: ✭ 35 (-98.7%)
use-double-tap
React hook for handling double tap on mobile devices
Stars: ✭ 18 (-99.33%)
Mutual labels:  hooks, hook
react-cool-virtual
😎 ♻️ A tiny React hook for rendering large datasets like a breeze.
Stars: ✭ 1,031 (-61.66%)
Mutual labels:  hook, lazy-loading
Webhook
webhook is a lightweight incoming webhook server to run shell commands
Stars: ✭ 7,201 (+167.79%)
Mutual labels:  hooks, hook
Processhacker
A free, powerful, multi-purpose tool that helps you monitor system resources, debug software and detect malware.
Stars: ✭ 6,285 (+133.73%)
Mutual labels:  monitor, performance
Use Web Animations
😎 🍿 React hook for highly-performant and manipulable animations using Web Animations API.
Stars: ✭ 802 (-70.17%)
Mutual labels:  hook, performance
React Intersection Observer
React component for the Intersection <Observer /> API
Stars: ✭ 940 (-65.04%)
Mutual labels:  viewport, scrolling
entangle
Global state management tool for react hooks inspired by RecoilJS and Jotai using proxies.
Stars: ✭ 26 (-99.03%)
Mutual labels:  hooks, hook
transition-hook
☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group
Stars: ✭ 250 (-90.7%)
Mutual labels:  hooks, hook
Nemetric
前端性能指标的监控,采集以及上报。用于测量第一个dom生成的时间(FP/FCP/LCP)、用户最早可操作时间(fid|tti)和组件的生命周期性能,,网络状况以及资源大小等等。向监控后台报告实际用户测量值。
Stars: ✭ 145 (-94.61%)
Mutual labels:  monitor, performance
Ysf
YSF Server Functions
Stars: ✭ 77 (-97.14%)
Mutual labels:  hooks, hook
React Selector Hooks
Collection of hook-based memoized selector factories for declarations outside of render.
Stars: ✭ 84 (-96.88%)
Mutual labels:  hooks, hook
Hooks
Async middleware for JavaScript and TypeScript
Stars: ✭ 117 (-95.65%)
Mutual labels:  hooks, hook
vue-observable
IntersectionObserver, MutationObserver and PerformanceObserver in Vue.js
Stars: ✭ 24 (-99.11%)
Mutual labels:  viewport, intersection-observer
React Awesome Reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Stars: ✭ 346 (-87.13%)
Mutual labels:  hooks, viewport
Swr
React Hooks for data fetching
Stars: ✭ 20,348 (+656.71%)
Mutual labels:  hook, hooks
Use Onclickoutside
React hook for listening for clicks outside of an element.
Stars: ✭ 361 (-86.57%)
Mutual labels:  hooks, hook
Radioactive State
☢ Make Your React App Truly Reactive!
Stars: ✭ 273 (-89.85%)
Mutual labels:  hooks, hook
Vanilla Lazyload
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Stars: ✭ 6,596 (+145.3%)
Androidperformancemonitor
A transparent ui-block detection library for Android. (known as BlockCanary)
Stars: ✭ 6,241 (+132.09%)
Mutual labels:  monitor, performance
MouseInjectDetection
Simple method of checking whether or not mouse movement or buttons (<windows 10) are injected
Stars: ✭ 29 (-98.92%)
Mutual labels:  hooks, hook
Yall.js
A fast, flexible, and small SEO-friendly lazy loader.
Stars: ✭ 1,163 (-56.75%)
Mutual labels:  performance, lazy-loading
Fontmod
Simple hook tool to change Win32 program font.
Stars: ✭ 1,064 (-60.43%)
Mutual labels:  hooks, hook
Swifthook
A library to hook methods in Swift and Objective-C.
Stars: ✭ 93 (-96.54%)
Mutual labels:  hooks, hook
Use Is In Viewport
A react hook to find out if an element is in a given viewport with a simple api.
Stars: ✭ 129 (-95.2%)
Mutual labels:  hooks, viewport
react-scroll-trigger
📜 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.
Stars: ✭ 126 (-95.31%)
Mutual labels:  scrolling, viewport
onscroll-effect
A tiny JavaScript library to enable CSS animations when user scrolls.
Stars: ✭ 35 (-98.7%)
Mutual labels:  scrolling, viewport
hookr
PHP action and filter hook system
Stars: ✭ 39 (-98.55%)
Mutual labels:  hooks, hook
Lozad.js
🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
Stars: ✭ 6,932 (+157.79%)
Mutual labels:  performance, lazy-loading
React Virtual
⚛️ Hooks for virtualizing scrollable elements in React
Stars: ✭ 2,369 (-11.9%)
Mutual labels:  performance, scrolling
React Universal Hooks
🎉 React Universal Hooks : just use****** everywhere (Functional or Class Component). Support React DevTools!
Stars: ✭ 148 (-94.5%)
Mutual labels:  hooks, hook
1-60 of 1749 similar projects