JSPM

react native intersection observer

Intersection Observer Admin for better performance

A library for declarative use of Intersection Observer API with Angular

Primitives to support using the intersection observer API.

Monitor if a component is inside the viewport, using IntersectionObserver API

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

Tailwind CSS with Intersection Observer variants

Intersection observer for complex or embedded react native view

🏯 PositionObserver is a JavaScript tool that provides a way to asynchronously observe changes in the position of a target element within its viewport.

A React hook for the IntersectionObserver API that uses a polyfill when the native API is not available

Intersection observer for Angular

A lightweight Preact implementation of Intersection Observer API

Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions

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.

react native intersection observer

vue directive use Intersection Observer API

Async module that resolves when a target element has entered the viewport at a threshold, using Intersection Observer API

React Component that observe changes in the intersection of a target element with viewport using IntersectionObserver

Lightweight JavaScript library for viewport detection with debounced callbacks - intersection observer, lazy loading, scroll animations, infinite scroll, element visibility tracking with TypeScript support. Zero dependencies, ~1KB gzipped.

An easy to use React hook wrapper around the IntersectionObserver API.

Svelte use:action for element position notifications using IntersectionObserver.

Angular wrapper for the Intersection Observer API

React hook to monitor an element enters or leaves the viewport (or another element).

A versatile and efficient React Native component designed for seamless integration of scroll-based features into mobile applications. This package offers a powerful ScrollView observer that allows developers to easily track and respond to scroll events an

A simple library that lets you know whether a Component is visible or not.

With Target Observer, you can easily trigger animations, lazy load content, or handle visibility-based logic in your application.

Monitor if a component is inside the viewport, using IntersectionObserver API

javascript intersection observer

React utilities for lazy image loading

ID-based IntersectionObserver for React

Intersection Observer implementation for Angular

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

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

Martinez polygon clipping algorithm, does boolean operation on polygons (multipolygons, polygons with holes etc): intersection, union, difference, xor

The lodash method `_.intersection` exported as a module.

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

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

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

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

An abstract layer that would make using intersection observer easier

Fast intersection of multiple arrays

Observes position change of an element within viewport as a result of resize, scroll, left or top coordinates change, or zooming in and out

Lazily render Vue.js components for performance.

A visibility based trigger for loading more data.

Reference Implementation of the Dufour-Peyton Intersection Algorithm. Calculates the Intersections of Arbitrary Polygons with a Geospatial Raster.

Angular directive to load elements lazily

Exact arithmetic test for line segment intersection

Wraps the Observer API

Return an array with the unique values present in _all_ given arrays using strict equality for comparisons.

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.

Any dimensional box intersection

Uniquely flexible and light-weight utility for cloning and deep (recursive) merging of JavaScript objects. Supports descriptor values, accessor functions, and custom prototypes. Provides advanced options for customizing the clone/merge process.

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

A library of intersection algorithms covering all SVG shape types

Javascript library for 2d geometry

Fast point-in-polygon intersection for large numbers of polygons.

An intersection observer hook for all your purposes

A library of intersection algorithms covering all SVG shape types

Utilities to work with projections (e.g. mongo)

An ESnext spec-compliant `Set.prototype.intersection` shim/polyfill/replacement that works as far down as ES3

rxjs-web-observers

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

A infinite scroll component in ReactJS, using Intersection Observer API.

Utilities for performing mathematical set operations on intervals and arrays of intervals

Fast geometry in geometry lookup for large GeoJSONs

Converts TypeScript-like intersection types to JSDoc compatible union types, that is, from & -> |

2D intersection utilities for TLDraw and maybe you, too.

Computes the area of the intersection of two rectangles.

A helper to work with rectangular regions in the DOM

React Component to lazy load images

Minimal library to observe nodes entering and leaving the viewport

2d segment to segment intersection detection

Manipulate intervals in a functional way

React standard library

Low-Level GeoSpatial Masking Functions

ES Map/Set-compatible implementations with customizable equality semantics & supporting operations

Calculate the difference of two arrays

A tiny library to observer elements

Uniquely flexible and light-weight utility for cloning and deep (recursive) merging of JavaScript objects. Supports descriptor values, accessor functions, and custom prototypes. Provides advanced options for customizing the clone/merge process.

Determine the point of intersection between a ray and axis-aligned bounding box (AABB)

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

An array is a collection of values, stored contiguously.

Greiner-Hormann clipping algorithm

Dynamic BVH implementation based on Erin Catto's paper.

react intersection visible

A data structure for storing number intervals

Javascript Set operations

An iterable is a sequence of values.

An easy to use intersection observer hooks based on IntersectionObserver API.

Check if two polygons overlap

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

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

2D/3D shape intersection checks

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

Action & utilities for building table of contents

Measure and compare the dimensions and distances of DOM elements.

App that shows the intersection between 2 lines or line segments

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

Script for lazyloading assets using Intersection Observer API

Find intersecting ranges using Marzullo algorithm

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

Javascript library for 2d geometry

Create scrolly-telling animations in React with ease.

image-component

creates a picking ray for a 2D/3D camera

test for collision with a circle and point

JavaScript utility to observe sticky elements using the Intersection Observer API

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

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

A function collection for working with rectangles

A pack of functions for working with Sets.

Intersection component package with testing and automatic documentation.

intersect a ray and triangle in 3 dimensions

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

New Set methods polyfill

Intersection Observer for React

a high-level 3D perspective camera

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

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

Merge and normalize adjacent or overlapping integer ranges

a high-level ray picking helper for 3D intersection

whether a picking ray intersects with a plane

NPM wrapper of Kevin Lindsey's intersection.js

A function collection for working with circles

Check if two Sets contain all the same values

Lightweight image lazy-loader using the intersection observer API.

Monitor if a component is inside the viewport, using IntersectionObserver API

Intersection plugin for svg.js

react intersection visible hook for react

line-circle collision test

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.

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

Monitor if a component is inside the viewport, using IntersectionObserver API

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

Hook for intersection observer

Tailwind CSS with Intersection Observer variants

Various utilities

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.

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

LISN.js browser bundles.

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

Simple Intersection Observer hook for React

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

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

Gives values present in both arrays.

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

An implementation of the Watertight Ray/Triangle Intersection algorithm

A library to lazy load images using Intersection Observer

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

Geometry intersection and bounding volume helpers for PEX.

fast line intersection

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!

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

Small wrapper for IntersectionObserver, to use it more modular way.

Intersect sorted lists using merge intersection with galloping lookahead

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

A javascript library for working with objects

Simply handle user gestures and actions. Includes widgets.

A collection of observers for Svelte

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

Determines whether any of the segments of 2 given linestrings intersect

LISN.js for React.

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

A visibility based trigger for loading more data.

Performant & ergonomic 2D geometry in typescript

React Hook to call an action if an intersected element was reached

a plugin for vue exposure, used by intersection observer API

A group of functions for working with Maps.

Tailwind CSS with Intersection Observer & Load variants

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

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

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

Frequently used tools for React

Monitor if a component is inside the viewport, using IntersectionObserver API

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

compute the intersection between two intervals

A collection of methods for working with Objects.

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.

Monitor if a component is inside the viewport, using IntersectionObserver API

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

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

Gives values present in both arrays.

Node.js utility functions to handle objects

A helper to work with rectangular regions in the DOM

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

Bounding interval hierarchy and bounding volume hierarchy library for nodejs

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

Find the intersection of two glob patterns

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

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

Returns evenly spaced values within given interval.

Watches targets position in viewport using IntersectionObserver - similar to menuspy

Node utility librairies

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

Lazy load component with react && react-router.

A collection of helpers for detecting intersections in 2D and 3D

A fork from pelias/polygon-lookup with updated dependencies

A collection of functions for operating upon Lists.

An iterable is a sequence of values {web}.

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

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

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

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

Styled components syntax for creating raw html in javascript.

Javascript Object Extensions

React Hook for Tracking Section Visibility in the Viewport

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

A React component that supports infinite scroll using Intersection Observer API

Counts occurrences of values.

A collection of functions for operating upon Entries.

Boolean operations on polygons

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

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

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

A library for slideup animation using directive with Angular

Find all intersections between two sets of line segments

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

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

Simple Javascript IntersectionObserver implementation for Ember applications.

An easier way to observe the intersections with the viewport

Greiner-Hormann clipping algorithm; Typescript port.

A JavaScript port of the polyclip library

Frequently used tools for React

A basic library for some utility functions

Javascript library for 2d geometry

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

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

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

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

Test if two triangles in the plane intersect

Helpers for Set objects.

A libraray for Isochrone, Routing & geoprocessing GeoJson Data

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


Render on intersection

Gives values present in both arrays.

A utility library providing common array manipulations and React hooks.

detect if a 2D triangle and circle collide

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

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

Counts occurrences of values.

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

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

Dasboard for React

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

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

Returns evenly spaced values within given interval.

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

A minimalistic es6 implementation of set

Zero-dependency TypeScript runtime type validation with full type inference