JSPM

Found 98 results for IntersectionObserver

eslint-plugin-observers

ESLint plugin for preventing memory leaks around observers (ResizeObserver, IntersectionObserver, MutationObserver)

  • v1.0.1
  • 66.19
  • Published

ng-in-viewport

Allows us to check if an element is within the browsers visual viewport

  • v16.1.0
  • 65.44
  • Published

observe-element-in-viewport

Wrapper around IntersectionObserver to hide away its weirdness and increase ease of usability

  • v0.0.15
  • 63.51
  • Published

react-peekaboo

React hooks for monitoring an element's intersection with the viewport

  • v0.4.1
  • 62.40
  • Published

scrollama

Lightweight scrollytelling library using IntersectionObserver

  • v3.2.0
  • 62.27
  • Published

lazy-child

React component that renders its child when it enters the viewport

  • v0.3.1
  • 59.69
  • Published

react-scrollama

A lightweight scrollytelling interface for React using the IntersectionObserver.

  • v2.4.2
  • 53.91
  • Published

withinviewport

Determine whether an element is completely within the browser viewport

  • v3.0.1
  • 53.87
  • Published

yall-js

Yet Another Lazy Loader

  • v4.0.2
  • 53.23
  • Published

vue3-deferred-content

A Vue3 component to detect when HTML element or lazy component is becoming visible/hidden on the page.

  • v1.0.8
  • 41.92
  • Published

st-lazy

Web components for lazy loading - you can use them everywhere, without any dependency. Contains also @Lazy decorator for Stenciljs to call annotated method when component is scrolled to viewport. Web components are based on @Lazy

  • v2.2.0
  • 34.02
  • Published

vue-virtual-list-observer

keyword: **intersectionObserver scroll-list Scroll animation,quick scroll resolved**

  • v0.1.2
  • 31.14
  • Published

element-in-viewport

Async module that resolves when a target element has entered the viewport at a threshold, using Intersection Observer API

  • v1.2.4
  • 30.47
  • Published

insular-observer

Efficiently use an Observer (i.e. IntersectionObserver) without the ugly observer callback. `insular-observer` gives you a simple, per-target `observe/unobserve` API that uses the same observer instance internally.

  • v0.1.1
  • 28.94
  • Published

rect-observer

Executes a callback whenever the bounding rectangle of an element changes. It uses `IntersectionObserver` under the hood, eliminating the need for a polling loop.

  • v0.1.2
  • 28.46
  • Published

@adoratorio/medusa

Medusa is a lightweight, SSR-friendly utility for managing multiple IntersectionObservers with flexible event emission, fine-grained control, native once support, and memory-safe cleanup. Ideal for lazy loading, animations, and viewport-based triggers in

  • v3.0.5
  • 27.67
  • Published

aoejs

Animate On entrance (AOE) is a lightweight, dependency free, insanely fast scroll animation library built on top of Intersection Observer API

  • v2.0.6
  • 27.08
  • Published

hexo-lazyload

A plugin for Hexo lazyload imgeas, auto generate thumbs, medium-like effect

  • v1.3.6
  • 25.26
  • Published

@jsx6/dom-observer

Performance for multiple ResizeObserver and IntersectionObserver

  • v2.0.1
  • 24.96
  • Published

angular-lazy-load

2kb lazy load directive for angular. includes directive for lazy loading images.

  • v1.1.4
  • 21.56
  • Published

@jfm/scrollspy

Scrollspy using IntersectionObserver

  • v0.1.1
  • 20.63
  • Published

observer-registry

An IntersectionObserver utility for notifying callbacks when an element's intersection changes.

  • v1.0.0
  • 20.09
  • Published

svelte-intersection-tracker

This component uses IntersectionObserver to not only track if elements are intersecting but also monitors and compares the percentage they are visible. The elements with highest visiblity get flagged current.

  • v1.0.1
  • 19.48
  • Published

react-scrollsense

A lightweight scroll sensor to solve your react scroll into viewport issues.

  • v1.0.4-alpha.7
  • 19.22
  • Published

toc-observer-component

Highlights links in a table of contents when items appear in your viewport.

    • v0.0.3
    • 19.18
    • Published

    prefetch-page

    浏览器在空闲时预加载可见区域的超链接,以加速后续页面的加载速度 | Browser prefetchs visible area hyperlinks at idle time to speed up subsequent page loads

    • v1.0.0-beta.6
    • 19.03
    • Published

    react-animate-observer

    A React component for scroll animations using Intersection Observer

    • v0.2.0
    • 18.57
    • Published

    vue-element-spy

    Vue.js plugin for detecting when element reaches top of the viewport. The plugin uses Intersection Observer.

    • v2.1.3
    • 18.52
    • Published

    ep-io-scroller

    Simple scroller manager using Intersection Observer

      • v0.0.8
      • 17.67
      • Published

      react-useintersection

      Custom React Hook for initializing IntersectionObserver on any node ref

      • v2.0.2
      • 17.25
      • Published

      vue-view-lazy

      基于vue的懒加载插件,图片或者其他资源进入可视区域后加载

      • v0.0.6
      • 16.34
      • Published

      intersectiontrigger

      IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.

      • v1.1.6
      • 16.34
      • Published

      ngx-lazy-loading-images

      An Angular library that lazy load images with IntersectionObserver API

      • v0.0.1
      • 15.28
      • Published

      scrollclass

      Add/remove classes to elements as the user scrolls with IntersectionObserver

      • v0.3.0
      • 14.80
      • Published

      it-intersect

      A simple component that use the IntersectionObserver to notify when it intersect with the viewport or a an element

      • v0.0.5
      • 14.73
      • Published

      vue-observer-directive

      使用 IntersectionObserver 进行是否展示 DOM 判断(Vue@2自定义指令)

      • v1.2.5
      • 14.73
      • Published

      interserver

      IntersectionObserver simplified

      • v0.1.2
      • 14.65
      • Published

      react-use-viewability

      React hook for tracking component viewability, based on IntersectionObserver

      • v1.0.1
      • 14.51
      • Published

      vpi-observer

      Detect intersection between DOM elements and viewport using IntersectionObserver API

      • v1.6.0
      • 13.68
      • Published

      scroll-load-component

      基于IntersectionObserver实现的React滚动加载组件

      • v1.0.1
      • 13.49
      • Published

      iobserve

      IObserve is a lightweight script that allows you to easily use browsers' IntersectionObserver API

      • v0.0.1
      • 13.36
      • Published

      @pearlescent/visibility

      A simple, no-frills visibility utility. Will tell you if a component is 100% inside the viewport, and when a visible component exits the viewport.

      • v0.1.1
      • 13.02
      • Published

      lit-element-lazy

      Decorator for Lit Element to call annotated method when component is scrolled to viewport.

      • v1.0.1
      • 13.02
      • Published

      kansatsu

      A wrapper of Intersection Observer API.

      • v1.1.1
      • 12.95
      • Published

      @vicimpa/observers

      A lightweight TypeScript library providing utilities for observing intersection and resize events of DOM elements with automatic cleanup.

      • v0.0.8
      • 12.24
      • Published

      vue-is-intersecting

      a vuejs directive to execute a callback when the binding element is intersecting the viewport

      • v0.1.6
      • 11.93
      • Published

      intersection-observer-js

      Plain vanilla JS IntersectionObserver utility, to be used as a mixin

      • v0.1.2
      • 11.82
      • Published

      stencil-lazy

      Decorator for StencilJs call annotated method when component is scrolled to viewport.

      • v1.4.0
      • 11.37
      • Published

      @nechehin/lazyload

      Javascript plugin for lazyload images. Fork of https://github.com/tuupola/jquery_lazyload , but with IntersectionObserver mode support

      • v1.1.0
      • 11.29
      • Published

      ng-intersection

      Angular library that wraps the browser IntersectionObserver in an Angular directive

      • v1.0.1
      • 11.25
      • Published

      rxjs-element-observer

      rxjs Observables for IntersectionObserver, MutationObserver & ResizeObserver

      • v0.0.1
      • 10.90
      • Published

      cpp-tool

      工具函数

      • v1.0.0
      • 10.89
      • Published

      @angius/lit-click-outside

      @clickOutside decorator for Lit Element to call annotated method when component is scrolled to viewport

      • v1.0.2
      • 10.80
      • Published

      inview-observer.js

      A simple inview plugin using the intersection observer

      • v1.1.0
      • 10.80
      • Published

      test-image-lazy

      根据IntersectionObserver实现图片懒加载的封装

      • v1.0.2
      • 10.36
      • Published

      actions-observer

      observer some element and if it is visible, do something

      • v1.0.2
      • 10.36
      • Published

      use-intersection-hook

      This is a simple React Hooks that trigger a callback all time the element is viewed.

      • v2.0.0
      • 10.25
      • Published

      visibility-checker

      A lightweight library for checking element visibility on the screen using IntersectionObserver.

      • v1.0.1
      • 10.24
      • Published

      lit-element-click-outside

      @clickOutside decorator for Lit Element to call annotated method when component is scrolled to viewport

      • v1.0.1
      • 10.14
      • Published

      @theonesean/react-scrollama

      A lightweight scrollytelling interface for React using the IntersectionObserver.

      • v2.2.16
      • 10.11
      • Published

      intersect-events

      add intersection events to dom elements

      • v0.0.1
      • 9.15
      • Published

      wiscroll

      Scroll based animation JavaScript library

      • v0.1.4
      • 9.15
      • Published

      lazyload-new

      a lazyload plugin based on IntersectionObserver interface.

      • v1.0.0
      • 8.83
      • Published

      d-chill

      no description

      • v0.0.2
      • 8.05
      • Published

      @pronotron/io

      Reliable viewport tracking without missed targets, unlike the default IntersectionObserver API.

        • v0.0.1-beta.4
        • 7.55
        • Published

        @shlko/v2-ele-insight

        A simple vue directive for element scorll insight with IntersectionObserver

          • v1.0.1
          • 6.99
          • Published

          scroll-interactions

          Easy scroll-driven interactions in the browser built on top of IntersectionObserver

          • v0.8.1
          • 6.62
          • Published

          @vsirrr/vue-exposure

          A Vue2 component to add IntersectionObserver and MutationObserver to Vue2 component or HTML element.

          • v0.1.4
          • 5.52
          • Published