JSPM

Found 103 results for IntersectionObserver

eslint-plugin-observers

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

  • v1.0.1
  • 68.85
  • Published

ng-in-viewport

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

  • v16.1.0
  • 66.68
  • Published

scrollama

Lightweight scrollytelling library using IntersectionObserver

  • v3.2.0
  • 63.65
  • Published

observe-element-in-viewport

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

  • v0.0.15
  • 60.15
  • Published

react-peekaboo

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

  • v0.4.1
  • 58.82
  • Published

lazy-child

React component that renders its child when it enters the viewport

  • v0.3.1
  • 58.12
  • Published

withinviewport

Determine whether an element is completely within the browser viewport

  • v3.0.1
  • 55.63
  • Published

yall-js

Yet Another Lazy Loader

  • v4.0.2
  • 55.14
  • Published

react-scrollama

A lightweight scrollytelling interface for React using the IntersectionObserver.

  • v2.4.2
  • 54.76
  • 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.99
  • 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
  • 33.92
  • Published

vue-virtual-list-observer

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

  • v0.1.2
  • 33.38
  • Published

obsidium

A declarative wrapper for all the JS observers.

  • v1.1.0
  • 31.50
  • Published

@pronotron/io

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

  • v1.0.2
  • 30.46
  • 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
  • 30.39
  • 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.34
  • Published

intersectiontrigger

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

  • v1.1.6
  • 26.87
  • Published

wiscroll

Scroll based animation JavaScript library

  • v0.1.4
  • 24.84
  • Published

hexo-lazyload

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

  • v1.3.6
  • 24.83
  • Published

toc-observer-component

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

    • v0.0.3
    • 24.74
    • Published

    vue-element-spy

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

    • v2.1.4
    • 24.57
    • 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
    • 24.50
    • Published

    @jfm/scrollspy

    Scrollspy using IntersectionObserver

    • v0.1.1
    • 24.03
    • Published

    observer-registry

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

    • v1.0.0
    • 22.36
    • 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
    • 21.94
    • Published

    @jsx6/dom-observer

    Performance for multiple ResizeObserver and IntersectionObserver

    • v2.0.1
    • 21.54
    • Published

    react-scrollsense

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

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

    lit-element-lazy

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

    • v1.0.1
    • 18.37
    • Published

    angular-lazy-load

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

    • v1.1.4
    • 18.33
    • Published

    vue-view-lazy

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

    • v0.0.6
    • 17.80
    • Published

    prefetch-page

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

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

    ngx-lazy-loading-images

    An Angular library that lazy load images with IntersectionObserver API

    • v0.0.1
    • 16.24
    • Published

    vue-is-intersecting

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

    • v0.1.6
    • 16.24
    • Published

    interserver

    IntersectionObserver simplified

    • v0.1.2
    • 15.06
    • Published

    @theonesean/react-scrollama

    A lightweight scrollytelling interface for React using the IntersectionObserver.

    • v2.2.16
    • 14.27
    • Published

    vue-observer-directive

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

    • v1.2.6
    • 13.95
    • Published

    vpi-observer

    Detect intersection between DOM elements and viewport using IntersectionObserver API

    • v1.6.0
    • 13.53
    • 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
    • 13.50
    • Published

    @vicimpa/observers

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

    • v0.0.9
    • 13.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
    • 11.93
    • Published

    kansatsu

    A wrapper of Intersection Observer API.

    • v1.1.1
    • 11.43
    • Published

    inview-observer.js

    A simple inview plugin using the intersection observer

    • v1.1.0
    • 10.56
    • Published

    stencil-lazy

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

    • v1.4.0
    • 9.91
    • Published

    react-animate-observer

    A React component for scroll animations using Intersection Observer

    • v0.2.0
    • 9.84
    • Published

    use-intersection-hook

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

    • v2.0.0
    • 9.83
    • Published

    react-use-viewability

    React hook for tracking component viewability, based on IntersectionObserver

    • v1.0.1
    • 9.43
    • Published

    aos-tn823

    A lightweight scroll animation library powered by IntersectionObserver.

      • v1.0.0
      • 9.43
      • Published

      cpp-tool

      工具函数

      • v1.0.0
      • 9.26
      • 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
      • 8.69
      • Published

      @nechehin/lazyload

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

      • v1.1.0
      • 8.69
      • Published

      @shlko/v2-ele-insight

      A simple vue directive for element scorll insight with IntersectionObserver

        • v1.0.1
        • 8.20
        • Published

        iobserve

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

        • v0.0.1
        • 7.99
        • Published

        lit-element-click-outside

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

        • v1.0.1
        • 7.86
        • Published

        scroll-interactions

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

        • v0.8.1
        • 7.76
        • Published

        visibility-checker

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

        • v1.0.1
        • 7.19
        • Published

        react-useintersection

        Custom React Hook for initializing IntersectionObserver on any node ref

        • v2.0.2
        • 7.18
        • Published

        ep-io-scroller

        Simple scroller manager using Intersection Observer

          • v0.0.8
          • 6.89
          • Published

          @vsirrr/vue-exposure

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

          • v0.1.4
          • 6.81
          • Published

          test-image-lazy

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

          • v1.0.2
          • 6.77
          • Published

          d-chill

          no description

          • v0.0.2
          • 5.85
          • Published

          scroll-load-component

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

          • v1.0.1
          • 5.75
          • Published

          actions-observer

          observer some element and if it is visible, do something

          • v1.0.2
          • 5.64
          • Published

          lazyload-new

          a lazyload plugin based on IntersectionObserver interface.

          • v1.0.0
          • 4.53
          • Published

          ng-intersection

          Angular library that wraps the browser IntersectionObserver in an Angular directive

          • v1.0.1
          • 4.50
          • Published

          scrollclass

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

          • v0.3.0
          • 4.42
          • Published

          @angius/lit-click-outside

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

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

          intersect-events

          add intersection events to dom elements

          • v0.0.1
          • 4.25
          • Published

          rxjs-element-observer

          rxjs Observables for IntersectionObserver, MutationObserver & ResizeObserver

          • v0.0.1
          • 2.49
          • Published