JSPM

Found 411 results for intersection observer

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.62
  • 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.37
  • Published

react-block-observer

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

  • v0.1.2
  • 28.30
  • Published

oak-lazy-loader

Script for lazyloading assets using Intersection Observer API

  • v1.0.1
  • 28.10
  • Published

@kohlmannj/react-scroll-percentage

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

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

intersection

fast line intersection

  • v0.0.1
  • 27.04
  • Published

use-detector-hook

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

  • v1.0.8
  • 26.88
  • Published

object-agent

A javascript library for working with objects

  • v1.6.1
  • 26.34
  • 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
    • 26.30
    • Published

    betterset

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

    • v3.0.3
    • 25.99
    • Published

    pex-geom

    Geometry intersection and bounding volume helpers for PEX.

    • v3.1.0
    • 25.41
    • 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.28
    • Published

    sorted-intersect

    Intersect sorted lists using merge intersection with galloping lookahead

    • v0.1.5
    • 25.12
    • Published

    intersection-observer-js

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

    • v0.1.2
    • 25.04
    • 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
      • 23.82
      • 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
      • 23.66
      • Published

      lisn.js

      Simply handle user gestures and actions. Includes widgets.

      • v1.2.1
      • 23.58
      • Published

      extra-map

      A group of functions for working with Maps.

      • v3.2.2
      • 23.35
      • Published

      svelte-observer

      A collection of observers for Svelte

      • v0.0.1
      • 23.09
      • 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
      • 22.91
      • Published

      bvh-tree

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

      • v1.0.1
      • 22.89
      • Published

      linestring-intersect

      Determines whether any of the segments of 2 given linestrings intersect

      • v1.0.3
      • 22.45
      • Published

      extra-map.web

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

      • v3.2.2
      • 21.99
      • Published

      2d-geometry

      Performant & ergonomic 2D geometry in typescript

      • v3.0.0
      • 21.81
      • Published

      extra-object.web

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

      • v3.2.2
      • 21.57
      • Published

      extra-object

      A collection of methods for working with Objects.

      • v3.2.2
      • 21.31
      • Published

      @rtkcd/utils

      Frequently used tools for React

      • v1.0.152
      • 21.13
      • Published

      extra-ilists

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

      • v3.1.18
      • 20.91
      • 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.89
        • Published

        alpinejs-intersect-class

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

        • v1.0.8
        • 20.74
        • Published

        extra-ilists.web

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

        • v3.1.18
        • 20.52
        • Published

        extra-sorted-array.web

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

        • v1.2.1
        • 20.39
        • Published

        geojson-clip-polygon

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

        • v1.0.3
        • 19.91
        • Published

        extra-sorted-array

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

        • v1.2.1
        • 19.74
        • Published

        extra-entries.web

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

        • v3.2.2
        • 19.69
        • Published

        extra-array.web

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

        • v4.3.3
        • 19.56
        • Published

        extra-entries

        A collection of functions for operating upon Entries.

        • v3.2.2
        • 19.15
        • Published

        intersectiontrigger

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

        • v1.1.6
        • 18.88
        • Published

        extra-set.web

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

        • v3.2.2
        • 18.88
        • Published

        glob-intersection

        Find the intersection of two glob patterns

        • v0.1.3
        • 18.86
        • Published

        @zippytech/region

        A helper to work with rectangular regions in the DOM

        • v3.0.8
        • 18.65
        • Published

        objects-made-easy

        Node.js utility functions to handle objects

        • v1.1.0
        • 18.62
        • 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.31
        • Published

        @helpers4/array

        A set of helpers in TS/JS, compatible with tree-shaking, for array.

        • v2.0.0-alpha.1
        • 18.30
        • Published

        extra-lists

        A collection of functions for operating upon Lists.

        • v4.0.8
        • 18.05
        • Published

        bxh

        Bounding interval hierarchy and bounding volume hierarchy library for nodejs

        • v0.7.2
        • 17.86
        • Published

        clevermenuspy

        IntersectionObserver MenuSpy

        • v1.0.6
        • 17.85
        • Published

        khal

        Node utility librairies

        • v2.0.0
        • 17.79
        • Published

        criss-cross

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

        • v0.0.9
        • 17.76
        • Published

        array-intersection-x

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

        • v3.1.2
        • 17.15
        • Published

        rrr-lazy

        Lazy load component with react && react-router.

        • v4.1.0
        • 16.56
        • Published

        extra-lists.web

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

        • v4.0.8
        • 16.39
        • Published

        joex

        Javascript Object Extensions

        • v0.2.0
        • 14.68
        • Published

        observer-infinite-scroll

        A React component that supports infinite scroll using Intersection Observer API

        • v1.2.7
        • 14.47
        • Published

        geojson-clipping

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

        • v0.3.0
        • 14.44
        • Published

        @zodash/union

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

        • v0.1.7
        • 14.33
        • Published

        ray-aabb

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

        • v3.0.2
        • 14.27
        • Published

        @baye/polyclip-ts

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

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

        react-sticky-children

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

        • v0.1.1
        • 13.85
        • Published

        polyclip-js

        A JavaScript port of the polyclip library

        • v1.0.1
        • 13.36
        • Published

        angular-slide-up

        A library for slideup animation using directive with Angular

        • v0.0.7
        • 13.19
        • Published

        qutyl

        A basic library for some utility functions

        • v1.1.3
        • 13.09
        • 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
          • 12.92
          • Published

          ember-intersect

          Simple Javascript IntersectionObserver implementation for Ember applications.

          • v1.4.0
          • 12.91
          • Published

          regexsolver

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

          • v1.0.4
          • 12.79
          • Published

          proposal-set

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

          • v1.0.7
          • 12.68
          • Published

          @zodash/xor

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

          • v0.1.7
          • 12.67
          • Published

          react-vanilla-lazyload

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

          • v1.0.4
          • 12.40
          • Published

          mapxus-polygon-clipping

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

          • v0.12.3
          • 12.17
          • Published

          @stdlib/iter-intersection

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

          • v0.2.2
          • 12.10
          • Published

          @zodash/intersection

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

          • v0.1.7
          • 12.06
          • Published

          viewport-action

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

          • v1.0.2
          • 11.93
          • Published

          bvh

          BVH

          • v0.5.0
          • 11.57
          • Published

          set-helpers

          Helpers for Set objects.

          • v1.3.1
          • 11.47
          • Published

          aniq

          Scalable distinct value counting system

          • v0.1.0
          • 11.45
          • Published

          type-guard-pro

          Zero-dependency TypeScript runtime type validation with full type inference

          • v1.0.1
          • 11.15
          • Published

          @xg4/in-viewport

          Get callback when a DOM element enters or leaves the viewport.

          • v0.0.2
          • 11.08
          • Published

          @stormid/scroll-spy

          Scroll position-related navigation state management

          • v1.0.0
          • 10.99
          • Published

          @betaweb/intersectr

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

          • v1.0.4
          • 10.92
          • Published

          bvh-tree-plus

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

          • v1.0.2
          • 10.61
          • Published

          sentineler

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

          • v0.1.17
          • 10.56
          • Published

          react-load-visible

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

          • v1.0.9
          • 10.46
          • Published

          leaflet-clipper

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

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

            array-set-ops

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

            • v0.5.2
            • 10.25
            • Published

            heligeo

            A libraray for Isochrone, Routing & geoprocessing GeoJson Data

            • v1.1.5
            • 10.24
            • Published

            min-max-range

            Implementation of range data structures using plain JavaScript arrays.

            • v1.0.6
            • 10.17
            • Published

            cute-set

            A minimalistic es6 implementation of set

            • v2.0.1
            • 10.03
            • Published

            @itpeople/lazy-load

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

            • v1.0.4
            • 9.93
            • Published

            @vicimpa/observers

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

            • v0.0.9
            • 9.59
            • 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
            • 9.44
            • Published

            line-seg-intersect

            Fast testing whether two line segments intersect

            • v1.0.0
            • 9.38
            • Published

            @jlguenego/set

            More operations on Sets: union, intersection, include, etc.

              • v1.4.0
              • 9.26
              • Published

              sets

              A library for working with Sets and arrays as sets.

              • v0.2.0
              • 9.14
              • Published

              @kubric/geometry

              Javascript library for 2d geometry. Cloned from flattenjs

              • v1.4.5
              • 9.14
              • Published

              autemitaque

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

              • v1.10.0
              • 9.01
              • 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
              • 8.93
              • Published

              array-device

              Handle your array objects with ease

              • v1.1.2
              • 8.81
              • Published

              array-helper-lib

              A utility library providing common array manipulations and React hooks.

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

                separating-axis-test

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

                  • v1.1.0
                  • 8.70
                  • Published

                  object.intersect

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

                  • v0.0.3
                  • 8.28
                  • Published

                  tssetops

                  Set Operations in Typescript

                  • v1.0.6
                  • 8.28
                  • Published

                  clean-pslg-3d

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

                  • v0.1.2
                  • 8.17
                  • Published

                  react-disappear

                  Detects if the inner children are visible

                  • v1.1.3
                  • 7.99
                  • Published

                  ic-api

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

                  • v1.2.1
                  • 7.95
                  • Published

                  ray-disk-intersection

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

                  • v1.0.1
                  • 7.92
                  • Published

                  twodee

                  Two dimensional geometry manipulation

                  • v0.2.5
                  • 7.53
                  • 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

                  intersection-of

                  Find unique common elements among given arrays

                  • v1.3.0
                  • 7.43
                  • Published

                  lazzzy

                  Automatically lazy load images inserted into the DOM

                  • v0.1.1
                  • 7.27
                  • Published

                  react-view-tracker

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

                  • v0.1.1
                  • 6.97
                  • Published

                  bmap-polygon-clipping

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

                  • v0.0.1
                  • 6.86
                  • Published

                  disjoint-range

                  Disjoint continuous ranges

                  • v0.1.2
                  • 6.77
                  • Published

                  visibilityobserver

                  Experimental API for observing the visible box of an element.

                  • v1.1.0
                  • 6.71
                  • Published

                  curve-intersection

                  Bezier curve intersection algorithm and utilities

                    • v0.0.1
                    • 6.60
                    • Published

                    js-set-manipulation

                    A set of useful functions that give easier control over set manipulation

                    • v1.0.3
                    • 6.60
                    • Published

                    combine-type-predicates

                    Combine user-defined type guards / type predicates as unions and intersections.

                    • v0.1.2
                    • 6.60
                    • Published

                    js-collection-operations

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

                    • v1.0.5
                    • 5.97
                    • Published

                    advanced-sets

                    A JS/TS library that expands upon the functionality of Sets

                      • v0.0.2
                      • 5.97
                      • Published

                      days-interval

                      Manipulation with date periods: intersection, splitting etc.

                      • v0.1.0
                      • 5.94
                      • Published

                      set-extensions

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

                      • v1.6.0
                      • 5.81
                      • Published

                      idris-line-intersect

                      Takes two lines and returns all intersection points

                        • v0.0.1
                        • 5.81
                        • Published

                        list-unique

                        JavaScript Package for Creating an array without duplicates

                        • v1.0.1
                        • 5.79
                        • Published

                        arr-intersection

                        Get an intersection of multiple arrays and account objects.

                        • v1.0.0
                        • 5.75
                        • Published

                        @union/unmask

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

                        • v1.0.1
                        • 5.75
                        • Published

                        intersect-events

                        add intersection events to dom elements

                        • v0.0.1
                        • 5.72
                        • Published

                        funny-intersection

                        Simple modules for functional programming, done for fun.

                        • v1.1.3
                        • 5.05
                        • Published

                        arrayofobjectsintersection

                        This will return the array of objects that are common in a set of array of objects based on single or multiple keys

                          • v1.0.5
                          • 4.98
                          • Published

                          box-intersect-1d

                          Find all intersections in a set of intervals

                          • v1.0.1
                          • 4.95
                          • Published

                          intset

                          A set implementation for integers

                          • v0.0.2
                          • 4.91
                          • Published

                          clipsy

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

                          • v0.0.3
                          • 4.91
                          • Published

                          segseg.closest

                          Compute the closest point between two line segments

                          • v0.0.1
                          • 4.91
                          • Published

                          ray-aabb-slab

                          ray aabb intersection test using the slab method

                          • v1.0.1
                          • 4.91
                          • Published

                          ray-geom-intersections

                          generate array of intersection points from array and geometry

                            • v1.0.1
                            • 4.84
                            • Published

                            oh-snap

                            Snap points to the nearest point in a GeoJSON collection of points.

                            • v0.0.2
                            • 4.84
                            • Published

                            react-lazy-img

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

                              • v1.0.2
                              • 4.25
                              • Published

                              possimusomnis

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

                              • v1.0.1
                              • 3.82
                              • Published

                              ng-intersection

                              Angular library that wraps the browser IntersectionObserver in an Angular directive

                              • v1.0.1
                              • 3.79
                              • Published

                              set-tools

                              Function extensions for JavaScript's built-in Set type

                              • v0.0.3
                              • 3.79
                              • Published

                              ray-cone-intersection

                              calculate the intersection of a ray and a cone in three dimensions

                              • v1.0.0
                              • 3.77
                              • Published

                              common_algorithm

                              A collection of common algorithm ulities including Binary Search

                                • v1.0.3
                                • 3.75
                                • Published

                                @ppasmik/react-scroll-trigger

                                Modern React component for scroll-based triggers and animations with TypeScript support. A rewritten and modernized version of the original react-scroll-trigger package.

                                • v1.0.1
                                • 3.75
                                • Published

                                set-operations-svg

                                Perform Set Operations (Union|Intersection|Difference) on SVG Paths

                                • v1.1.0
                                • 3.75
                                • Published

                                vp-notifier

                                web component that dispatches an event whenever it comes in and goes out of viewport

                                • v2.0.0
                                • 3.66
                                • Published

                                full-set

                                A batteries include Set class built on top of ES6 sets

                                • v1.0.2
                                • 3.66
                                • Published

                                vue-event-horizon

                                Adds a directive that listens for click events and scrolls to elements.

                                • v2.0.1
                                • 3.65
                                • Published

                                greatcircleintersect

                                A very simple script to compute the intersection point of two great circles specified using two points. The intersection point is computed either in the Cartesian plane of its coordinates or on a Sphere.

                                • v1.0.0
                                • 3.65
                                • Published

                                onscreenness

                                Supply visibility classes and data to selected elements on your webpage.

                                • v1.5.0
                                • 3.65
                                • Published

                                shapes-interaction

                                A lightweight library of basic geometry shapes interactions

                                • v1.0.4
                                • 3.63
                                • Published

                                @blakek/set-operations

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

                                • v1.0.0
                                • 3.63
                                • Published

                                in-view-animations

                                Javascript module for in view animations using the Javascript IntersectionObserver.

                                • v1.1.0
                                • 3.42
                                • Published

                                react-lazily-img

                                **React Lazily IMG** is a React Wrapper Component to lazily load images. The goal is to use the convenient and known standard HTML tags and just have them lazily loaded.

                                • v1.0.71
                                • 3.28
                                • Published

                                use-intersection-hook

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

                                • v2.0.0
                                • 2.56
                                • Published

                                scroll-list

                                Scroll through a list of data quickly

                                • v1.1.0
                                • 2.54
                                • Published

                                vision3000

                                LazyLoading for the New Milleniumâ„¢

                                • v0.1.0
                                • 2.49
                                • Published

                                react-load-lazily

                                A tiny library for lazily loading any content in React

                                • v1.0.1
                                • 2.49
                                • Published

                                rt-is-visible-element

                                - Version 1.0.2 Rename directive selector rtIsElementVisible to rtIsVisibleElement - Version 1.0.3 Edit readme

                                • v1.0.3
                                • 2.49
                                • Published

                                @stackapp/ng-visibility

                                This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.2.

                                • v0.0.3
                                • 2.48
                                • Published

                                @produck/range-axis

                                To compute axis which some integer ranges on it

                                  • v0.1.0
                                  • 2.23
                                  • Published

                                  highland-set

                                  Union and Intersection operators for highland.js streams

                                  • v0.0.1
                                  • 2.22
                                  • Published

                                  venstream

                                  Compute intersections & unions of streams

                                  • v0.0.1
                                  • 2.20
                                  • Published

                                  metho-set

                                  JavaScript Set prototype extensions using Metho

                                  • v1.0.0
                                  • 2.19
                                  • Published

                                  @ekm1/react-when

                                  Angular-inspired deferred loading for React with compound triggers, prefetching, and advanced performance optimizations

                                  • v1.0.1
                                  • 2.19
                                  • Published

                                  relationset

                                  Compare two sets (array of items) and get relationships between them (Disjoint | Intersecting | Subset | Superset | Equal)

                                  • v0.0.3
                                  • 2.17
                                  • Published

                                  string-intersection

                                  Find characters in a string that also occur in another string

                                  • v0.2.0
                                  • 2.17
                                  • Published

                                  poly-overlap

                                  Utility to check if polygons overlap.

                                  • v1.0.5
                                  • 2.14
                                  • Published

                                  sweepline2

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

                                  • v0.2.1
                                  • 2.14
                                  • Published

                                  ngx-intersection2

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

                                  • v2.2.0
                                  • 2.14
                                  • Published

                                  ray-quadtree

                                  intersect a ray with a quadtree

                                  • v1.0.0
                                  • 2.12
                                  • Published