JSPM

Found 98 results for IntersectionObserver

eslint-plugin-observers

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

  • v1.0.1
  • 68.59
  • Published

ng-in-viewport

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

  • v16.1.0
  • 65.67
  • Published

observe-element-in-viewport

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

  • v0.0.15
  • 61.27
  • Published

scrollama

Lightweight scrollytelling library using IntersectionObserver

  • v3.2.0
  • 60.90
  • Published

react-peekaboo

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

  • v0.4.1
  • 57.20
  • Published

lazy-child

React component that renders its child when it enters the viewport

  • v0.3.1
  • 56.56
  • Published

withinviewport

Determine whether an element is completely within the browser viewport

  • v3.0.1
  • 52.58
  • Published

react-scrollama

A lightweight scrollytelling interface for React using the IntersectionObserver.

  • v2.4.2
  • 52.35
  • Published

yall-js

Yet Another Lazy Loader

  • v4.0.2
  • 52.08
  • 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.21
  • 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
  • 32.32
  • 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
  • 31.40
  • Published

vue-virtual-list-observer

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

  • v0.1.2
  • 31.31
  • 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
  • 26.07
  • Published

observer-registry

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

  • v1.0.0
  • 24.79
  • Published

vue-observer-directive

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

  • v1.2.6
  • 24.75
  • 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
  • 22.85
  • Published

lit-element-lazy

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

  • v1.0.1
  • 22.02
  • Published

hexo-lazyload

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

  • v1.3.6
  • 21.31
  • Published

angular-lazy-load

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

  • v1.1.4
  • 19.15
  • Published

toc-observer-component

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

    • v0.0.3
    • 18.80
    • 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
    • 18.53
    • Published

    @jfm/scrollspy

    Scrollspy using IntersectionObserver

    • v0.1.1
    • 18.48
    • Published

    @jsx6/dom-observer

    Performance for multiple ResizeObserver and IntersectionObserver

    • v2.0.1
    • 16.63
    • Published

    vue-element-spy

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

    • v2.1.3
    • 16.37
    • Published

    intersectiontrigger

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

    • v1.1.6
    • 15.03
    • Published

    vue-is-intersecting

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

    • v0.1.6
    • 14.39
    • 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
    • 14.16
    • Published

    vue-view-lazy

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

    • v0.0.6
    • 13.96
    • Published

    wiscroll

    Scroll based animation JavaScript library

    • v0.1.4
    • 13.78
    • Published

    prefetch-page

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

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

    react-use-viewability

    React hook for tracking component viewability, based on IntersectionObserver

    • v1.0.1
    • 12.10
    • Published

    inview-observer.js

    A simple inview plugin using the intersection observer

    • v1.1.0
    • 11.02
    • Published

    stencil-lazy

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

    • v1.4.0
    • 10.90
    • Published

    use-intersection-hook

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

    • v2.0.0
    • 10.29
    • Published

    kansatsu

    A wrapper of Intersection Observer API.

    • v1.1.1
    • 9.42
    • Published

    interserver

    IntersectionObserver simplified

    • v0.1.2
    • 8.81
    • Published

    iobserve

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

    • v0.0.1
    • 8.68
    • Published

    scroll-interactions

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

    • v0.8.1
    • 8.52
    • Published

    actions-observer

    observer some element and if it is visible, do something

    • v1.0.2
    • 7.62
    • Published

    react-scrollsense

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

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

    @theonesean/react-scrollama

    A lightweight scrollytelling interface for React using the IntersectionObserver.

    • v2.2.16
    • 6.98
    • Published

    @nechehin/lazyload

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

    • v1.1.0
    • 6.83
    • Published

    @pronotron/io

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

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

      ngx-lazy-loading-images

      An Angular library that lazy load images with IntersectionObserver API

      • v0.0.1
      • 5.86
      • 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
      • 5.63
      • Published

      @vicimpa/observers

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

      • v0.0.8
      • 5.57
      • Published

      vpi-observer

      Detect intersection between DOM elements and viewport using IntersectionObserver API

      • v1.6.0
      • 5.57
      • Published

      cpp-tool

      工具函数

      • v1.0.0
      • 5.57
      • Published

      rxjs-element-observer

      rxjs Observables for IntersectionObserver, MutationObserver & ResizeObserver

      • v0.0.1
      • 4.24
      • Published

      react-useintersection

      Custom React Hook for initializing IntersectionObserver on any node ref

      • v2.0.2
      • 2.59
      • Published

      react-animate-observer

      A React component for scroll animations using Intersection Observer

      • v0.2.0
      • 2.58
      • Published

      ng-intersection

      Angular library that wraps the browser IntersectionObserver in an Angular directive

      • v1.0.1
      • 2.58
      • Published

      ep-io-scroller

      Simple scroller manager using Intersection Observer

        • v0.0.8
        • 2.52
        • Published

        lit-element-click-outside

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

        • v1.0.1
        • 2.52
        • Published

        @angius/lit-click-outside

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

        • v1.0.2
        • 2.49
        • 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
        • 2.48
        • Published

        intersect-events

        add intersection events to dom elements

        • v0.0.1
        • 2.48
        • Published

        @vsirrr/vue-exposure

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

        • v0.1.4
        • 0.00
        • Published

        lazyload-new

        a lazyload plugin based on IntersectionObserver interface.

        • v1.0.0
        • 0.00
        • Published

        test-image-lazy

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

        • v1.0.2
        • 0.00
        • Published

        @shlko/v2-ele-insight

        A simple vue directive for element scorll insight with IntersectionObserver

          • v1.0.1
          • 0.00
          • Published

          visibility-checker

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

          • v1.0.1
          • 0.00
          • Published

          scroll-load-component

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

          • v1.0.1
          • 0.00
          • 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
          • 0.00
          • Published

          d-chill

          no description

          • v0.0.2
          • 0.00
          • Published

          scrollclass

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

          • v0.3.0
          • 0.00
          • Published