JSPM

Found 411 results for intersection observer

@velipso/polybool

Boolean operations on polygons (union, intersection, difference, xor)

  • v2.0.11
  • 41.61
  • Published

extra-array

An array is a collection of values, stored contiguously.

  • v4.3.3
  • 41.46
  • Published

greiner-hormann

Greiner-Hormann clipping algorithm

  • v1.4.2
  • 40.81
  • Published

bvh.js

Dynamic BVH implementation based on Erin Catto's paper.

  • v0.0.13
  • 40.65
  • Published

insection

A data structure for storing number intervals

  • v1.2.5
  • 40.51
  • Published

extra-iterable

An iterable is a sequence of values.

  • v3.3.2
  • 40.05
  • Published

flo-bezier3

Purely functional linear, quadratic and cubic bezier library, including accurate, robust bezier intersection.

  • v6.0.1
  • 39.57
  • Published

@thi.ng/geom

Functional, polymorphic API for 2D geometry types & SVG generation

  • v8.2.10
  • 39.34
  • Published

bezier-intersect

intersections between bezier curves of order 2, 3 and lines and rectangles

  • v0.0.3
  • 38.44
  • Published

@svelte-put/toc

Action & utilities for building table of contents

  • v6.0.2
  • 37.89
  • Published

mezr

Measure and compare the dimensions and distances of DOM elements.

  • v1.1.0
  • 36.68
  • Published

line-intersection

App that shows the intersection between 2 lines or line segments

  • v1.0.9
  • 36.54
  • Published

vevet

Vevet is a JavaScript library for creative development that simplifies crafting rich interactions like split text animations, carousels, marquees, preloading, and more.

  • v5.0.11
  • 36.10
  • Published

oak-lazy-loader

Script for lazyloading assets using Intersection Observer API

  • v1.0.1
  • 35.26
  • Published

intersecting-ranges

Find intersecting ranges using Marzullo algorithm

  • v1.2.0
  • 35.21
  • Published

set-utilities

High performance set theory - functional utilities which operate on arbitrary input sets.

  • v1.5.7
  • 35.14
  • Published

flatten-js

Javascript library for 2d geometry

  • v0.6.9
  • 34.73
  • Published

@mlaroy/observe-entry

A tiny library to observe elements entering the viewport using Intersection Observer.

  • v1.0.10
  • 33.69
  • Published

@kokoccc/sticky-observer

JavaScript utility to observe sticky elements using the Intersection Observer API

  • v1.0.1
  • 33.67
  • Published

@thi.ng/intervals

Closed/open/semi-open interval data type, queries & operations

  • v4.2.114
  • 33.62
  • Published

rectangles

A function collection for working with rectangles

  • v0.0.4
  • 33.03
  • Published

extra-set

A pack of functions for working with Sets.

  • v3.2.2
  • 32.82
  • Published

@equinor/esv-intersection

Intersection component package with testing and automatic documentation.

  • v3.1.4
  • 32.42
  • Published

viewability-helper

Lightweight cross-browser library that enables you to create a watcher for a given element, and get back a callback when it has entered the viewport

  • v1.0.27
  • 32.14
  • Published

triangle-triangle-intersection

return line segment representing the intersection between a pair of 3D triangles. based on Thomas Möller's algorithm.

  • v0.0.22
  • 31.86
  • Published

@labelbox/polygon-clipping

Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.

  • v0.0.5
  • 31.75
  • Published

simplify-ranges

Merge and normalize adjacent or overlapping integer ranges

  • v1.0.0
  • 31.75
  • Published

ray-3d

a high-level ray picking helper for 3D intersection

  • v1.1.1
  • 31.69
  • Published

intersectionjs

NPM wrapper of Kevin Lindsey's intersection.js

  • v1.0.1
  • 31.63
  • Published

circle.js

A function collection for working with circles

  • v0.2.3
  • 31.17
  • Published

sets-equal

Check if two Sets contain all the same values

  • v1.0.0
  • 31.07
  • Published

lazily.js

Lightweight image lazy-loader using the intersection observer API.

  • v1.1.6
  • 30.98
  • Published

svelte-5-inview

A Svelte action that monitors an element enters or leaves the viewport or a parent element. Performant and efficient thanks to using Intersection Observer under the hood. Forked from maciekgrzybek to support Svelte 5 after no merge of fixes.

  • v1.0.0
  • 30.39
  • Published

@thi.ng/oquery

Datalog-inspired, optimized pattern/predicate query engine for JS objects & arrays of objects

  • v2.3.35
  • 29.64
  • Published

vue-li-image

A Vue.js component to lazy load images using the Intersection Observer.

  • v1.0.1
  • 29.22
  • Published

@nesvet/n

Various utilities

  • v1.2.1
  • 28.47
  • Published

array-power

This package includes a set of useful array methods that facilitates working with arrays, specifically the arrays that contain objects or arrays even falsy values (such as: 0, null, false, NaN...). This package is es5 supported.

  • v1.0.7
  • 28.29
  • Published

intersector

Superfast and small intersection supporting primitives and objects. Up to 3x faster than other libraries. In the age of big data, you need it.

  • v2.5.1
  • 28.02
  • Published

intersection-observer-js

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

  • v0.1.2
  • 27.21
  • Published

@kohlmannj/react-scroll-percentage

Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.

  • v3.0.0-alpha.13
  • 26.65
  • Published

use-detector-hook

Custom hook designed to detect if an element is visible within the viewport.

  • v1.0.8
  • 26.60
  • Published

betterset

An extension of the javascript Set object which contains useful Set operation methods

  • v3.0.3
  • 25.97
  • Published

lazy-observer-load

A library to lazy load images using Intersection Observer

  • v1.0.1
  • 25.96
  • Published

fast-triangle-triangle-intersection

Fast and robust triangle-triangle intersection test with high precision for cross and coplanar triangles based on the algorithm by Devillers & Guigue.

    • v1.0.7
    • 25.83
    • Published

    pex-geom

    Geometry intersection and bounding volume helpers for PEX.

    • v3.1.0
    • 25.78
    • Published

    intersection

    fast line intersection

    • v0.0.1
    • 25.74
    • Published

    react-intersection-observer-inview

    A lightweight and simple React hook for detecting if an element is in the viewport using the Intersection Observer API. Perfect for lazy loading, infinite scrolling, animations, and more!

    • v1.0.4
    • 25.27
    • Published

    intersect-arrays-to-stream

    A utility that takes 1 or more sorted arrays and emits a node stream event whenever an intersection is found

      • v0.0.3
      • 25.26
      • Published

      sorted-intersect

      Intersect sorted lists using merge intersection with galloping lookahead

      • v0.1.5
      • 23.99
      • Published

      @gioxxy/react-awesome-reveal

      React components to add reveal animations using the Intersection Observer API and CSS Animations.

      • v4.2.5
      • 23.98
      • Published

      object-agent

      A javascript library for working with objects

      • v1.6.1
      • 23.66
      • Published

      lisn.js

      Simply handle user gestures and actions. Includes widgets.

      • v1.2.1
      • 23.43
      • Published

      svelte-observer

      A collection of observers for Svelte

      • v0.0.1
      • 23.35
      • Published

      bvh-tree

      A Bounding Volume Hierarchy data structure, for fast ray-mesh intersection

      • v1.0.1
      • 23.28
      • Published

      linestring-intersect

      Determines whether any of the segments of 2 given linestrings intersect

      • v1.0.3
      • 23.19
      • Published

      array-xor

      Returns the symmetric difference (exclusive-or) of an array of elements (elements that are present in all given arrays and not in their intersections).

      • v0.1.1
      • 22.86
      • Published

      2d-geometry

      Performant & ergonomic 2D geometry in typescript

      • v3.0.0
      • 21.55
      • Published

      extra-map

      A group of functions for working with Maps.

      • v3.2.2
      • 21.16
      • Published

      extra-sorted-array

      A sorted array is a collection of values, arranged in an order.

      • v1.2.1
      • 21.10
      • Published

      alpinejs-overlap

      Alpine JS magic helper that determines when elements overlap or intersect each other, perfect for menus, tooltips, modals, and collision detection 🥞

        • v1.1.2
        • 20.75
        • Published

        extra-map.web

        A group of functions for working with Maps {web}.

        • v3.2.2
        • 20.64
        • Published

        @rtkcd/utils

        Frequently used tools for React

        • v1.0.152
        • 20.63
        • Published

        extra-ilists

        ILists is a pair of key iterable list and value iterable list, with unique keys.

        • v3.1.18
        • 20.13
        • Published

        extra-object

        A collection of methods for working with Objects.

        • v3.2.2
        • 19.83
        • Published

        react-intersection-revealer

        An easy-to-use React hook that tells you whether a component/element is visible on the viewport currently, and if yes, how much of it is visible.

        • v1.3.0
        • 19.67
        • Published

        extra-entries.web

        A collection of functions for operating upon Entries {web}.

        • v3.2.2
        • 19.30
        • Published

        extra-set.web

        A pack of functions for working with Sets {web}.

        • v3.2.2
        • 19.00
        • Published

        objects-made-easy

        Node.js utility functions to handle objects

        • v1.1.0
        • 18.57
        • Published

        @zippytech/region

        A helper to work with rectangular regions in the DOM

        • v3.0.8
        • 18.43
        • Published

        view-in

        A dependency free utility to set and remove animation classes on elements as they become visible in the viewport, using the Intersection Observer API

        • v0.0.4
        • 18.32
        • Published

        extra-ilists.web

        ILists is a pair of key iterable list and value iterable list, with unique keys {web}.

        • v3.1.18
        • 18.15
        • Published

        bxh

        Bounding interval hierarchy and bounding volume hierarchy library for nodejs

        • v0.7.2
        • 18.12
        • Published

        glob-intersection

        Find the intersection of two glob patterns

        • v0.1.3
        • 18.07
        • Published

        extra-object.web

        A collection of methods for working with Objects {web}.

        • v3.2.2
        • 18.02
        • Published

        alpinejs-intersect-class

        An Alpine.js plugin to easily add CSS classes to an element when it enters the viewport.

        • v1.0.8
        • 17.83
        • Published

        content-observer

        Watches targets position in viewport using IntersectionObserver - similar to menuspy

        • v1.0.2
        • 17.45
        • Published

        khal

        Node utility librairies

        • v2.0.0
        • 17.22
        • Published

        extra-array.web

        An array is a collection of values, stored contiguously {web}.

        • v4.3.3
        • 16.80
        • Published

        rrr-lazy

        Lazy load component with react && react-router.

        • v4.1.0
        • 16.39
        • Published

        extra-lists

        A collection of functions for operating upon Lists.

        • v4.0.8
        • 15.52
        • Published

        viewport-action

        Provides a way with extra configuration options to execute a handler when a given element is on view.

        • v1.0.2
        • 15.22
        • Published

        array-intersection-x

        Creates an array of unique values that are included in all given arrays.

        • v3.1.2
        • 15.00
        • Published

        criss-cross

        A simple and fast API to manage viewport and DOM elements intersections as you scroll

        • v0.0.9
        • 14.85
        • Published

        intersectiontrigger

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

        • v1.1.6
        • 14.76
        • Published

        joex

        Javascript Object Extensions

        • v0.2.0
        • 14.74
        • Published

        extra-sorted-array.web

        A sorted array is a collection of values, arranged in an order {web}.

        • v1.2.1
        • 14.54
        • Published

        observer-infinite-scroll

        A React component that supports infinite scroll using Intersection Observer API

        • v1.2.7
        • 14.49
        • Published

        extra-entries

        A collection of functions for operating upon Entries.

        • v3.2.2
        • 13.90
        • Published

        ray-aabb

        test if a ray intersects an aabb in 2d/3d space

        • v3.0.2
        • 13.50
        • Published

        @baye/polyclip-ts

        Apply boolean polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.

        • v0.16.5-apha.0
        • 13.44
        • Published

        leaflet-clipper

        Allows Union, Difference, Xor, and Intersection operations on two polygons.

        • v1.1.0
        • 13.38
        • Published

        angular-slide-up

        A library for slideup animation using directive with Angular

        • v0.0.7
        • 13.31
        • Published

        react-sticky-children

        ReactJS component that applies CSS styles as it approaches the top of the viewport.

        • v0.1.1
        • 13.05
        • Published

        react-block-observer

        React library for observing and loading blocks of items in lists.

        • v0.1.2
        • 12.97
        • Published

        ember-intersect

        Simple Javascript IntersectionObserver implementation for Ember applications.

        • v1.4.0
        • 12.94
        • Published

        polyclip-js

        A JavaScript port of the polyclip library

        • v1.0.1
        • 12.52
        • Published

        qutyl

        A basic library for some utility functions

        • v1.1.3
        • 12.12
        • Published

        mapxus-polygon-clipping

        Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.

        • v0.12.3
        • 12.02
        • Published

        regexsolver

        RegexSolver allows you to manipulate regular expressions as sets, enabling operations such as intersection, union, and subtraction.

        • v1.0.4
        • 11.98
        • Published

        geojson-clip-polygon

        A small wrapper around turf-intersect to safely clip one geojson polygon to another

        • v1.0.3
        • 11.95
        • Published

        @stdlib/iter-intersection

        Create an iterator which returns the intersection of two or more iterators.

        • v0.2.2
        • 11.72
        • Published

        set-helpers

        Helpers for Set objects.

        • v1.3.1
        • 11.64
        • Published

        heligeo

        A libraray for Isochrone, Routing & geoprocessing GeoJson Data

        • v1.1.5
        • 11.63
        • Published

        react-vanilla-lazyload

        React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.

        • v1.0.4
        • 11.52
        • Published

        proposal-set

        ![header image of various venn diagrams](images/header.png)

        • v1.0.7
        • 11.39
        • Published

        array-helper-lib

        A utility library providing common array manipulations and React hooks.

          • v1.0.0-beta.1
          • 11.31
          • Published

          geojson-clipping

          Apply boolean polygon clipping operations (union, intersection, difference, xor) to Polygons & MultiPolygons in your GeoJSON files.

          • v0.3.0
          • 11.26
          • Published

          @betaweb/intersectr

          An esay-to-use wrapper class over intersection observer API.

          • v1.0.4
          • 11.08
          • Published

          extra-lists.web

          A collection of functions for operating upon Lists {web}.

          • v4.0.8
          • 10.95
          • Published

          sweepline

          Detect self-intersecting polygons in Javascript. An implementation of the Bentley–Ottmann sweep line algorithm for detecting crossings in a set of line segments.

          • v0.1.0
          • 10.82
          • Published

          react-load-visible

          A wrapper for @loadable/component that uses IntersectionObserver to trigger component load.

          • v1.0.9
          • 10.45
          • Published

          object.intersect

          Return intersect object that have same key from a number of objects

          • v0.0.3
          • 10.25
          • Published

          bvh-tree-plus

          A Bounding Volume Hierarchy data structure, for fast ray-mesh intersection

          • v1.0.2
          • 10.24
          • Published

          cute-set

          A minimalistic es6 implementation of set

          • v2.0.1
          • 10.18
          • Published

          type-guard-pro

          Zero-dependency TypeScript runtime type validation with full type inference

          • v1.0.1
          • 10.18
          • Published

          use-intersection-hook

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

          • v2.0.0
          • 10.10
          • Published

          bvh

          BVH

          • v0.5.0
          • 9.85
          • Published

          aniq

          Scalable distinct value counting system

          • v0.1.0
          • 9.81
          • Published

          @itpeople/lazy-load

          Lazy Loading images and other (JS, etc.) using Intersection Observer with polyfill

          • v1.0.4
          • 9.79
          • Published

          @vicimpa/observers

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

          • v0.0.8
          • 9.60
          • Published

          @kubric/geometry

          Javascript library for 2d geometry. Cloned from flattenjs

          • v1.4.5
          • 9.27
          • Published

          sets

          A library for working with Sets and arrays as sets.

          • v0.2.0
          • 9.27
          • Published

          number-is-in-range

          🔢 JavaScript range validation library - Extend Number and BigInt prototypes with powerful range checking, validation, and manipulation utilities. Perfect for form validation, game development, and scientific computing.

          • v3.0.0
          • 8.97
          • Published

          react-disappear

          Detects if the inner children are visible

          • v1.1.3
          • 8.80
          • Published

          array-device

          Handle your array objects with ease

          • v1.1.2
          • 8.75
          • Published

          twodee

          Two dimensional geometry manipulation

          • v0.2.5
          • 8.70
          • Published

          clean-pslg-3d

          Remove self intersections, t-junctions and duplicate edges/vertices from a planar straight line graph

          • v0.1.2
          • 8.70
          • Published

          separating-axis-test

          test for the intersection of convex polytopes in 2d or 3d, computing the minimum translation vector

            • v1.1.0
            • 8.60
            • Published

            autemitaque

            A BVH implementation to speed up raycasting against three.js meshes.

            • v1.10.0
            • 8.51
            • Published

            line-seg-intersect

            Fast testing whether two line segments intersect

            • v1.0.0
            • 8.37
            • Published

            min-max-range

            Implementation of range data structures using plain JavaScript arrays.

            • v1.0.6
            • 8.13
            • Published

            @stormid/scroll-spy

            Scroll position-related navigation state management

            • v1.0.0
            • 7.95
            • Published

            ic-api

            An API (wrapper actually) for connect trough Intersection Controller game data like users and maps

            • v1.2.1
            • 7.95
            • Published

            to-planar-graph

            Given a graph with a graph with a non planar embedding, make changes to this graph so that it becomes planar.

              • v3.0.1
              • 7.59
              • Published

              intersection-of

              Find unique common elements among given arrays

              • v1.3.0
              • 7.54
              • Published

              @seznam/visibility-observer

              Helper making the observation of element's visibility a little more convenient. Based on the IntersectionObserver API.

              • v1.1.0
              • 7.50
              • Published

              lazzzy

              Automatically lazy load images inserted into the DOM

              • v0.1.1
              • 7.34
              • Published

              curve-intersection

              Bezier curve intersection algorithm and utilities

                • v0.0.1
                • 7.29
                • Published

                ray-disk-intersection

                calculate the intersection of a ray and a disk or plane in three dimensions

                • v1.0.1
                • 7.29
                • Published

                pz-intersection-observer

                Easy way to observe HTML element visibility, based on scrolling, resizing, changes in DOM. Emits true when observed element starts to be visible and emits false when the element hides.

                • v2.1.0
                • 7.02
                • Published

                react-view-tracker

                [![npm package][npm-badge]][npm] ![Module formats][module-formats]

                • v0.1.1
                • 6.93
                • Published

                @zodash/union

                Creates an array of unique values, in order, from all given arrays.

                • v0.1.7
                • 6.86
                • Published

                bmap-polygon-clipping

                Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.

                • v0.0.1
                • 6.81
                • Published

                visibilityobserver

                Experimental API for observing the visible box of an element.

                • v1.1.0
                • 6.67
                • Published

                set-extensions

                Extending the Set class in order to support mathematical set properties and operations.

                • v1.6.0
                • 6.62
                • Published

                @t7/image

                This is a React component that loads an image source, only after it is partially or fully visible in the viewport

                  • v0.0.10
                  • 6.45
                  • Published

                  funny-intersection

                  Simple modules for functional programming, done for fun.

                  • v1.1.3
                  • 6.02
                  • Published

                  js-collection-operations

                  Provides functions to operate on Sets, Arrays and Array-Like JavaScript data structures

                  • v1.0.5
                  • 5.94
                  • Published

                  days-interval

                  Manipulation with date periods: intersection, splitting etc.

                  • v0.1.0
                  • 5.87
                  • Published

                  sentineler

                  The package is a "sentinel" that trigger a function when is visible.

                  • v0.1.17
                  • 5.81
                  • Published

                  idris-line-intersect

                  Takes two lines and returns all intersection points

                    • v0.0.1
                    • 5.81
                    • Published

                    arr-intersection

                    Get an intersection of multiple arrays and account objects.

                    • v1.0.0
                    • 5.71
                    • Published

                    @blakek/set-operations

                    🧮 Common set operations (union, difference, isSubset, etc.) for any Iterable

                    • v1.0.0
                    • 5.71
                    • Published

                    @union/unmask

                    A scroll-to-reveal JavaScript library that unmasks your elements using the clip-path CSS property.

                    • v1.0.1
                    • 5.69
                    • Published

                    clipsy

                    a node.js port of jsclipper [JS]... which is a port of clipper [C++, C#, Delphi]

                    • v0.0.3
                    • 4.98
                    • Published

                    segseg.closest

                    Compute the closest point between two line segments

                    • v0.0.1
                    • 4.98
                    • Published

                    ray-aabb-slab

                    ray aabb intersection test using the slab method

                    • v1.0.1
                    • 4.98
                    • Published

                    intset

                    A set implementation for integers

                    • v0.0.2
                    • 4.98
                    • Published

                    box-intersect-1d

                    Find all intersections in a set of intervals

                    • v1.0.1
                    • 4.89
                    • Published

                    ray-geom-intersections

                    generate array of intersection points from array and geometry

                      • v1.0.1
                      • 4.84
                      • Published

                      array-set-ops

                      Extremely fast set and map/reduce operations for Arrays and Sets plus CartesianProducts

                      • v0.5.2
                      • 4.82
                      • Published

                      ngx-intersection2

                      Catching the moment when the specific part of an element is visible in the viewport

                      • v2.2.0
                      • 4.82
                      • Published

                      clevermenuspy

                      IntersectionObserver MenuSpy

                      • v1.0.6
                      • 4.48
                      • Published

                      react-lazy-img

                      React <img> drop-in replacement for lazy image loading

                        • v1.0.2
                        • 4.25
                        • Published