@ungap/set-methods
New Set methods polyfill
Found 411 results for intersection observer
New Set methods polyfill
Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
Merge and normalize adjacent or overlapping integer ranges
Check if two Sets contain all the same values
Intersection plugin for svg.js
A function collection for working with circles
Lightweight image lazy-loader using the intersection observer API.
Monitor if a component is inside the viewport, using IntersectionObserver API
react intersection visible hook for react
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.
line-circle collision test
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
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.
Various utilities
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
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
Simple Intersection Observer hook for React
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
fast line intersection
A library to lazy load images using Intersection Observer
An implementation of the Watertight Ray/Triangle Intersection algorithm
Geometry intersection and bounding volume helpers for PEX.
Fast and robust triangle-triangle intersection test with high precision for cross and coplanar triangles based on the algorithm by Devillers & Guigue.
A utility that takes 1 or more sorted arrays and emits a node stream event whenever an intersection is found
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!
Small wrapper for IntersectionObserver, to use it more modular way.
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Intersect sorted lists using merge intersection with galloping lookahead
Simply handle user gestures and actions. Includes widgets.
A javascript library for working with objects
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.
React Hook to call an action if an intersected element was reached
Performant & ergonomic 2D geometry in typescript
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
Alpine JS magic helper that determines when elements overlap or intersect each other, perfect for menus, tooltips, modals, and collision detection 🥞
A sorted array is a collection of values, arranged in an order.
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.
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.
compute the intersection between two intervals
A collection of methods for working with Objects.
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}.
Node.js utility functions to handle objects
Gives values present in both arrays.
A dependency free utility to set and remove animation classes on elements as they become visible in the viewport, using the Intersection Observer API
A helper to work with rectangular regions in the DOM
Bounding interval hierarchy and bounding volume hierarchy library for nodejs
A collection of methods for working with Objects {web}.
ILists is a pair of key iterable list and value iterable list, with unique keys {web}.
Find the intersection of two glob patterns
A set of helpers in TS/JS, compatible with tree-shaking, for array.
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.
Javascript Object Extensions
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.
React Hook for Tracking Section Visibility in the Viewport
A sorted array is a collection of values, arranged in an order {web}.
Styled components syntax for creating raw html in javascript.
A React component that supports infinite scroll using Intersection Observer API
Counts occurrences of values.
A collection of functions for operating upon Entries.
test if a ray intersects an aabb in 2d/3d space
Boolean operations on polygons
Apply boolean polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
Find all intersections between two sets of line segments
A library for slideup animation using directive with Angular
Allows Union, Difference, Xor, and Intersection operations on two polygons.
ReactJS component that applies CSS styles as it approaches the top of the viewport.
Simple Javascript IntersectionObserver implementation for Ember applications.
An easier way to observe the intersections with the viewport
React library for observing and loading blocks of items in lists.
A JavaScript port of the polyclip library
Greiner-Hormann clipping algorithm; Typescript port.
Frequently used tools for React
A basic library for some utility functions
Javascript library for 2d geometry
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
Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
A libraray for Isochrone, Routing & geoprocessing GeoJson Data
Create an iterator which returns the intersection of two or more iterators.
Test if two triangles in the plane intersect
Helpers for Set objects.
React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.
A utility library providing common array manipulations and React hooks.

Render on intersection
detect if a 2D triangle and circle collide
Apply boolean polygon clipping operations (union, intersection, difference, xor) to Polygons & MultiPolygons in your GeoJSON files.
Gives values present in both arrays.
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
This is a simple React Hooks that trigger a callback all time the element is viewed.
BVH
Framework agnostic library to detect viewable impressions
Calculate intersection of two lines
Lazy Loading images and other (JS, etc.) using Intersection Observer with polyfill
Scalable distinct value counting system
A lightweight TypeScript library providing utilities for observing intersection and resize events of DOM elements with automatic cleanup.
🔢 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.
Javascript library for 2d geometry. Cloned from flattenjs
A library for working with Sets and arrays as sets.
Rearranges values in arbitrary order.
TailwindCSS Zen intersection animation plugin
Flattens nested array to given depth.
Flattens nested array to given depth.
Handle your array objects with ease
Detects if the inner children are visible
Gives values present in both arrays.
Two dimensional geometry manipulation
Remove self intersections, t-junctions and duplicate edges/vertices from a planar straight line graph
test for the intersection of convex polytopes in 2d or 3d, computing the minimum translation vector
Fast testing whether two line segments intersect
A BVH implementation to speed up raycasting against three.js meshes.
Javascript library for 2d geometry
Implementation of range data structures using plain JavaScript arrays.
Find the symmetric difference of two string arrays.
Scroll position-related navigation state management
An API (wrapper actually) for connect trough Intersection Controller game data like users and maps
Rearranges values in arbitrary order.
React standard library
wip
Given a graph with a graph with a non planar embedding, make changes to this graph so that it becomes planar.
Find unique common elements among given arrays
[Deprecated] JST to perform set intersection and set subtraction operations on 2 user provided arrays
Helper making the observation of element's visibility a little more convenient. Based on the IntersectionObserver API.
Automatically lazy load images inserted into the DOM
Returns the vertices of multiple circle intersection
Bezier curve intersection algorithm and utilities
calculate the intersection of a ray and a disk or plane in three dimensions
Broad coverage of sorted array operations
React utilities for lazy image loading
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.
[![npm package][npm-badge]][npm] ![Module formats][module-formats]
React utilities for lazy image loading - Patched version
Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
React hook for using intersetion observers.
Creates an array of unique values, in order, from all given arrays.
Experimental API for observing the visible box of an element.
Javascript Set operations
Extending the Set class in order to support mathematical set properties and operations.
This is a React component that loads an image source, only after it is partially or fully visible in the viewport
**With npm:**
Create an iterator which returns the intersection of two or more iterators according to a hash function.
Simple modules for functional programming, done for fun.
Returns the items two arrays do not share
A React hook that tells you when an element enters or leaves the viewport.
Provides functions to operate on Sets, Arrays and Array-Like JavaScript data structures
Manipulation with date periods: intersection, splitting etc.
The package is a "sentinel" that trigger a function when is visible.
Circle Intersection Regions
Get an intersection of multiple arrays and account objects.
🧮 Common set operations (union, difference, isSubset, etc.) for any Iterable
Takes two lines and returns all intersection points
A scroll-to-reveal JavaScript library that unmasks your elements using the clip-path CSS property.
Rearranges values in arbitrary order.
Rearranges values in arbitrary order.
a node.js port of jsclipper [JS]... which is a port of clipper [C++, C#, Delphi]
Compute the closest point between two line segments
ray aabb intersection test using the slab method
A set implementation for integers
intersections of sorted streams
Find all intersections in a set of intervals
Simple robust library for finding lines intersections fast.
Extremely fast set and map/reduce operations for Arrays and Sets plus CartesianProducts
Catching the moment when the specific part of an element is visible in the viewport
generate array of intersection points from array and geometry
IntersectionObserver MenuSpy
React <img> drop-in replacement for lazy image loading
Vue JS lazy image loading
A library of intersection algorithms covering all SVG shape types
Wrapper for IntersectionObserver that returns the scroll direction
intersection and difference
A JS/TS library that expands upon the functionality of Sets
This will return the array of objects that are common in a set of array of objects based on single or multiple keys
Modern React component for scroll-based triggers and animations with TypeScript support. A rewritten and modernized version of the original react-scroll-trigger package.
Simple intersection implement.
Perform Set Operations (Union|Intersection|Difference) on SVG Paths
Week day picker for React
Set, but for Objects.
A collection of common algorithm ulities including Binary Search
Supply visibility classes and data to selected elements on your webpage.
Adds a directive that listens for click events and scrolls to elements.
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.
JavaScript Package for Creating an array without duplicates
Combine user-defined type guards / type predicates as unions and intersections.
A lightweight library of basic geometry shapes interactions
intersect a ray with a quadtree
A batteries include Set class built on top of ES6 sets
Creates an array of unique values that are included in all given arrays.
web component that dispatches an event whenever it comes in and goes out of viewport
Snap points to the nearest point in a GeoJSON collection of points.
Javascript module for in view animations using the Javascript IntersectionObserver.
add intersection events to dom elements
**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.
React utilities for lazy image loading
React utilities for lazy image loading
React hook to use intersection API
Scroll through a list of data quickly
A tiny library for lazily loading any content in React
- Version 1.0.2 Rename directive selector rtIsElementVisible to rtIsVisibleElement - Version 1.0.3 Edit readme
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.2.
LazyLoading for the New Milleniumâ„¢
Checks if two circles intersect.
Angular library that wraps the browser IntersectionObserver in an Angular directive
Union and Intersection operators for highland.js streams
Function extensions for JavaScript's built-in Set type
Set Operations in Typescript
Compare two sets (array of items) and get relationships between them (Disjoint | Intersecting | Subset | Superset | Equal)
Find characters in a string that also occur in another string
Compute intersections & unions of streams