JSPM

Found 411 results for intersection observer

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.69
  • Published

lisn.js

Simply handle user gestures and actions. Includes widgets.

  • v1.2.1
  • 23.61
  • Published

cute-set

A minimalistic es6 implementation of set

  • v2.0.1
  • 23.46
  • Published

extra-map

A group of functions for working with Maps.

  • v3.2.2
  • 23.34
  • Published

svelte-observer

A collection of observers for Svelte

  • v0.0.1
  • 23.33
  • 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.93
  • Published

bvh-tree

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

  • v1.0.1
  • 22.87
  • Published

linestring-intersect

Determines whether any of the segments of 2 given linestrings intersect

  • v1.0.3
  • 22.45
  • Published

2d-geometry

Performant & ergonomic 2D geometry in typescript

  • v3.0.0
  • 22.22
  • Published

extra-map.web

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

  • v3.2.2
  • 21.99
  • Published

extra-object.web

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

  • v3.2.2
  • 21.56
  • Published

extra-ilists

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

  • v3.1.18
  • 21.20
  • Published

@rtkcd/utils

Frequently used tools for React

  • v1.0.152
  • 21.16
  • 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.93
    • Published

    extra-object

    A collection of methods for working with Objects.

    • v3.2.2
    • 20.90
    • 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.73
    • Published

    extra-ilists.web

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

    • v3.1.18
    • 20.50
    • Published

    extra-sorted-array.web

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

    • v1.2.1
    • 20.41
    • Published

    geojson-clip-polygon

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

    • v1.0.3
    • 19.93
    • Published

    angular-slide-up

    A library for slideup animation using directive with Angular

    • v0.0.7
    • 19.87
    • Published

    extra-entries.web

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

    • v3.2.2
    • 19.72
    • Published

    extra-array.web

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

    • v4.3.3
    • 19.59
    • Published

    extra-sorted-array

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

    • v1.2.1
    • 19.36
    • Published

    glob-intersection

    Find the intersection of two glob patterns

    • v0.1.3
    • 18.89
    • Published

    extra-set.web

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

    • v3.2.2
    • 18.87
    • Published

    intersectiontrigger

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

    • v1.1.6
    • 18.87
    • Published

    extra-entries

    A collection of functions for operating upon Entries.

    • v3.2.2
    • 18.78
    • Published

    objects-made-easy

    Node.js utility functions to handle objects

    • v1.1.0
    • 18.65
    • Published

    @helpers4/array

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

    • v2.0.0-alpha.2
    • 18.38
    • 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.33
    • Published

    extra-lists

    A collection of functions for operating upon Lists.

    • v4.0.8
    • 18.03
    • Published

    clevermenuspy

    IntersectionObserver MenuSpy

    • v1.0.6
    • 17.86
    • Published

    khal

    Node utility librairies

    • v2.0.0
    • 17.82
    • Published

    criss-cross

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

    • v0.0.9
    • 17.75
    • Published

    array-intersection-x

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

    • v3.1.2
    • 17.14
    • 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
    • 17.10
    • Published

    bxh

    Bounding interval hierarchy and bounding volume hierarchy library for nodejs

    • v0.7.2
    • 16.41
    • Published

    extra-lists.web

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

    • v4.0.8
    • 16.41
    • Published

    @zippytech/region

    A helper to work with rectangular regions in the DOM

    • v3.0.8
    • 16.27
    • Published

    rrr-lazy

    Lazy load component with react && react-router.

    • v4.1.0
    • 16.06
    • Published

    joex

    Javascript Object Extensions

    • v0.2.0
    • 14.71
    • Published

    observer-infinite-scroll

    A React component that supports infinite scroll using Intersection Observer API

    • v1.2.7
    • 14.49
    • 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.32
    • Published

    ray-aabb

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

    • v3.0.2
    • 14.26
    • Published

    ioaa

    Intersection Observer API Animation

    • v0.0.1
    • 13.97
    • Published

    @baye/polyclip-ts

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

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

    react-sticky-children

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

    • v0.1.1
    • 13.84
    • Published

    set-helpers

    Helpers for Set objects.

    • v1.3.1
    • 13.73
    • Published

    polyclip-js

    A JavaScript port of the polyclip library

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

      ember-intersect

      Simple Javascript IntersectionObserver implementation for Ember applications.

      • v1.4.0
      • 12.93
      • Published

      regexsolver

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

      • v1.0.4
      • 12.81
      • Published

      @zodash/xor

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

      • v0.1.7
      • 12.69
      • Published

      proposal-set

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

      • v1.0.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.41
      • Published

      @stdlib/iter-intersection

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

      • v0.2.2
      • 12.09
      • Published

      @zodash/intersection

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

      • v0.1.7
      • 12.08
      • Published

      mapxus-polygon-clipping

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

      • v0.12.3
      • 11.94
      • 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

      lazzzy

      Automatically lazy load images inserted into the DOM

      • v0.1.1
      • 11.63
      • Published

      sets

      A library for working with Sets and arrays as sets.

      • v0.2.0
      • 11.63
      • Published

      bvh

      BVH

      • v0.5.0
      • 11.57
      • Published

      aniq

      Scalable distinct value counting system

      • v0.1.0
      • 11.44
      • Published

      type-guard-pro

      Zero-dependency TypeScript runtime type validation with full type inference

      • v1.0.1
      • 11.30
      • Published

      intersection-of

      Find unique common elements among given arrays

      • v1.3.0
      • 11.30
      • 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
      • 11.00
      • Published

      @betaweb/intersectr

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

      • v1.0.4
      • 10.99
      • Published

      bvh-tree-plus

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

      • v1.0.2
      • 10.61
      • Published

      react-load-visible

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

      • v1.0.9
      • 10.46
      • Published

      sentineler

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

      • v0.1.17
      • 10.44
      • Published

      leaflet-clipper

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

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

        heligeo

        A libraray for Isochrone, Routing & geoprocessing GeoJson Data

        • v1.1.5
        • 10.25
        • Published

        array-set-ops

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

        • v0.5.2
        • 10.25
        • Published

        min-max-range

        Implementation of range data structures using plain JavaScript arrays.

        • v1.0.6
        • 10.16
        • Published

        @itpeople/lazy-load

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

        • v1.0.4
        • 9.73
        • 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.60
        • 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.40
        • Published

        @jlguenego/set

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

          • v1.4.0
          • 9.26
          • Published

          autemitaque

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

          • v1.10.0
          • 9.02
          • 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.94
          • Published

          array-device

          Handle your array objects with ease

          • v1.1.2
          • 8.82
          • Published

          array-helper-lib

          A utility library providing common array manipulations and React hooks.

            • v1.0.0-beta.1
            • 8.82
            • 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

            clipsy

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

            • v0.0.3
            • 8.17
            • 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.98
            • Published

            ic-api

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

            • v1.2.1
            • 7.96
            • Published

            ray-disk-intersection

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

            • v1.0.1
            • 7.92
            • Published

            @kubric/geometry

            Javascript library for 2d geometry. Cloned from flattenjs

            • v1.4.5
            • 7.53
            • 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

            separating-axis-test

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

              • v1.1.0
              • 7.35
              • Published

              react-view-tracker

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

              • v0.1.1
              • 6.97
              • Published

              react-hydrate-on-view

              React library for suspending hydration until components enter the viewport.

              • v0.2.0
              • 6.89
              • Published

              bmap-polygon-clipping

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

              • v0.0.1
              • 6.86
              • Published

              visibilityobserver

              Experimental API for observing the visible box of an element.

              • v1.1.0
              • 6.72
              • Published

              disjoint-range

              Disjoint continuous ranges

              • v0.1.2
              • 6.64
              • Published

              days-interval

              Manipulation with date periods: intersection, splitting etc.

              • v0.1.0
              • 6.64
              • 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

                relationset

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

                • v0.0.3
                • 5.97
                • 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

                  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.76
                    • Published

                    intersect-events

                    add intersection events to dom elements

                    • v0.0.1
                    • 5.72
                    • Published

                    @union/unmask

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

                    • v1.0.1
                    • 5.66
                    • Published

                    scroll-list

                    Scroll through a list of data quickly

                    • v1.1.0
                    • 5.66
                    • Published

                    funny-intersection

                    Simple modules for functional programming, done for fun.

                    • v1.1.3
                    • 5.04
                    • Published

                    ray-aabb-slab

                    ray aabb intersection test using the slab method

                    • v1.0.1
                    • 4.98
                    • Published

                    segseg.closest

                    Compute the closest point between two line segments

                    • v0.0.1
                    • 4.98
                    • 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.86
                      • Published

                      ray-geom-intersections

                      generate array of intersection points from array and geometry

                        • v1.0.1
                        • 4.85
                        • Published

                        oh-snap

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

                        • v0.0.2
                        • 4.85
                        • 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.81
                          • Published

                          ng-intersection

                          Angular library that wraps the browser IntersectionObserver in an Angular directive

                          • v1.0.1
                          • 3.80
                          • Published

                          set-tools

                          Function extensions for JavaScript's built-in Set type

                          • v0.0.3
                          • 3.80
                          • Published

                          ray-cone-intersection

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

                          • v1.0.0
                          • 3.76
                          • Published

                          common_algorithm

                          A collection of common algorithm ulities including Binary Search

                            • v1.0.3
                            • 3.68
                            • 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.68
                            • Published

                            set-operations-svg

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

                            • v1.1.0
                            • 3.68
                            • Published

                            @arbendium/polyclip

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

                            • v0.1.0
                            • 3.68
                            • Published

                            vp-notifier

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

                            • v2.0.0
                            • 3.67
                            • Published

                            full-set

                            A batteries include Set class built on top of ES6 sets

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

                            @blakek/set-operations

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

                            • v1.0.0
                            • 3.64
                            • Published

                            in-view-animations

                            Javascript module for in view animations using the Javascript IntersectionObserver.

                            • v1.1.0
                            • 3.42
                            • Published

                            use-intersection-hook

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

                            • v2.0.0
                            • 2.55
                            • Published

                            vision3000

                            LazyLoading for the New Milleniumâ„¢

                            • v0.1.0
                            • 2.50
                            • 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

                              string-intersection

                              Find characters in a string that also occur in another string

                              • v0.2.0
                              • 2.20
                              • Published

                              intset

                              A set implementation for integers

                              • v0.0.2
                              • 2.20
                              • Published

                              venstream

                              Compute intersections & unions of streams

                              • v0.0.1
                              • 2.20
                              • Published

                              @ekm1/react-when

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

                              • v1.0.1
                              • 2.15
                              • Published

                              metho-set

                              JavaScript Set prototype extensions using Metho

                              • v1.0.0
                              • 2.15
                              • Published

                              poly-overlap

                              Utility to check if polygons overlap.

                              • v1.0.5
                              • 2.15
                              • 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.15
                              • 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.13
                              • Published

                              @manjalyc/complexset

                              An extension of the normal Set datastructure. Holds unique entries in either normal mode or complement mode. In normal mode, the entries are present in the set (normal behavior of a standard Set). In complement mode, the entries are those which are not pr

                              • v1.0.0
                              • 0.00
                              • Published

                              visible-children-observer

                              Observes current visible childrens on root element. [Demo](https://saschanaz.github.io/visible-children-observer/)

                              • v2.0.0
                              • 0.00
                              • Published

                              lines-self-chop

                              given an array of 3d line segments, chop the lines at all points of intersection, returning non-intersecting sub-segments

                              • v0.0.13
                              • 0.00
                              • Published

                              vision3000-react

                              LazyLoading for the New Milleniumâ„¢

                              • v0.1.2
                              • 0.00
                              • Published

                              common-objects-in-arrays

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

                                @doars/doars-intersect

                                Doars plugin that adds a intersect directive for reacting to intersection changes.

                                • v3.1.0
                                • 0.00
                                • Published

                                @noeg/useonscreen

                                React hooks for detecting if an element is on screen

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