JSPM

Found 102 results for IntersectionObserver

eslint-plugin-observers

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

  • v1.0.1
  • 67.52
  • Published

ng-in-viewport

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

  • v16.1.0
  • 64.89
  • Published

scrollama

Lightweight scrollytelling library using IntersectionObserver

  • v3.2.0
  • 64.39
  • Published

observe-element-in-viewport

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

  • v0.0.15
  • 61.03
  • Published

react-peekaboo

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

  • v0.4.1
  • 59.00
  • Published

lazy-child

React component that renders its child when it enters the viewport

  • v0.3.1
  • 57.07
  • Published

withinviewport

Determine whether an element is completely within the browser viewport

  • v3.0.1
  • 54.61
  • Published

react-scrollama

A lightweight scrollytelling interface for React using the IntersectionObserver.

  • v2.4.2
  • 54.13
  • Published

yall-js

Yet Another Lazy Loader

  • v4.0.2
  • 53.22
  • 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
  • 42.71
  • 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.58
  • Published

vue-virtual-list-observer

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

  • v0.1.2
  • 34.14
  • 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
  • 32.92
  • Published

hexo-lazyload

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

  • v1.3.6
  • 30.69
  • 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
  • 28.73
  • Published

inview-observer.js

A simple inview plugin using the intersection observer

  • v1.1.0
  • 27.55
  • 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.6
  • 27.30
  • Published

@pronotron/io

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

  • v0.0.1-beta.6
  • 25.79
  • Published

intersectiontrigger

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

  • v1.1.6
  • 25.09
  • Published

observer-registry

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

  • v1.0.0
  • 24.97
  • Published

angular-lazy-load

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

  • v1.1.4
  • 24.76
  • Published

use-intersection-hook

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

  • v2.0.0
  • 24.48
  • Published

aos-tn823

A lightweight scroll animation library powered by IntersectionObserver.

    • v1.0.0
    • 23.94
    • Published

    wiscroll

    Scroll based animation JavaScript library

    • v0.1.4
    • 23.55
    • Published

    vue-element-spy

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

    • v2.1.3
    • 22.43
    • Published

    @jsx6/dom-observer

    Performance for multiple ResizeObserver and IntersectionObserver

    • v2.0.1
    • 22.33
    • Published

    vue-is-intersecting

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

    • v0.1.6
    • 22.28
    • Published

    lit-element-lazy

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

    • v1.0.1
    • 19.61
    • Published

    toc-observer-component

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

      • v0.0.3
      • 19.37
      • Published

      @jfm/scrollspy

      Scrollspy using IntersectionObserver

      • v0.1.1
      • 19.26
      • Published

      vue-view-lazy

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

      • v0.0.6
      • 18.14
      • 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
      • 18.12
      • Published

      prefetch-page

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

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

      @vicimpa/observers

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

      • v0.0.9
      • 16.09
      • Published

      ep-io-scroller

      Simple scroller manager using Intersection Observer

        • v0.0.8
        • 15.40
        • Published

        vpi-observer

        Detect intersection between DOM elements and viewport using IntersectionObserver API

        • v1.6.0
        • 15.39
        • Published

        @nechehin/lazyload

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

        • v1.1.0
        • 14.20
        • 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
        • 14.07
        • Published

        react-scrollsense

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

        • v1.0.4-alpha.7
        • 13.81
        • 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
        • 13.50
        • Published

        vue-observer-directive

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

        • v1.2.6
        • 13.40
        • Published

        interserver

        IntersectionObserver simplified

        • v0.1.2
        • 11.00
        • Published

        react-useintersection

        Custom React Hook for initializing IntersectionObserver on any node ref

        • v2.0.2
        • 10.96
        • Published

        scroll-interactions

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

        • v0.8.1
        • 10.93
        • Published

        kansatsu

        A wrapper of Intersection Observer API.

        • v1.1.1
        • 10.73
        • Published

        stencil-lazy

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

        • v1.4.0
        • 10.39
        • Published

        react-animate-observer

        A React component for scroll animations using Intersection Observer

        • v0.2.0
        • 10.38
        • Published

        react-use-viewability

        React hook for tracking component viewability, based on IntersectionObserver

        • v1.0.1
        • 10.15
        • Published

        @angius/lit-click-outside

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

        • v1.0.2
        • 9.82
        • Published

        ngx-lazy-loading-images

        An Angular library that lazy load images with IntersectionObserver API

        • v0.0.1
        • 9.67
        • 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
        • 9.18
        • 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
        • 9.05
        • Published

        @shlko/v2-ele-insight

        A simple vue directive for element scorll insight with IntersectionObserver

          • v1.0.1
          • 8.08
          • Published

          lit-element-click-outside

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

          • v1.0.1
          • 7.90
          • Published

          visibility-checker

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

          • v1.0.1
          • 5.91
          • Published

          lazyload-new

          a lazyload plugin based on IntersectionObserver interface.

          • v1.0.0
          • 5.89
          • Published

          @theonesean/react-scrollama

          A lightweight scrollytelling interface for React using the IntersectionObserver.

          • v2.2.16
          • 5.87
          • Published

          scrollclass

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

          • v0.3.0
          • 5.77
          • Published

          iobserve

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

          • v0.0.1
          • 5.77
          • Published

          test-image-lazy

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

          • v1.0.2
          • 5.59
          • Published

          @vsirrr/vue-exposure

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

          • v0.1.4
          • 4.23
          • Published

          actions-observer

          observer some element and if it is visible, do something

          • v1.0.2
          • 4.22
          • Published

          ng-intersection

          Angular library that wraps the browser IntersectionObserver in an Angular directive

          • v1.0.1
          • 2.60
          • Published

          scroll-load-component

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

          • v1.0.1
          • 2.56
          • Published

          cpp-tool

          工具函数

          • v1.0.0
          • 2.47
          • Published

          rxjs-element-observer

          rxjs Observables for IntersectionObserver, MutationObserver & ResizeObserver

          • v0.0.1
          • 2.44
          • Published

          intersect-events

          add intersection events to dom elements

          • v0.0.1
          • 0.00
          • Published

          d-chill

          no description

          • v0.0.2
          • 0.00
          • Published