react-intersection-observer
Monitor if a component is inside the viewport, using IntersectionObserver API
Found 411 results for intersection
Monitor if a component is inside the viewport, using IntersectionObserver API
A BVH implementation to speed up raycasting against three.js meshes.
A React hook for the IntersectionObserver API that uses a polyfill when the native API is not available
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.
🏯 PositionObserver is a JavaScript tool that provides a way to asynchronously observe changes in the position of a target element within its viewport.
Apply boolean polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
Boolean operations on polygons (union, intersection, difference, xor)
Fast intersection of multiple arrays
react native intersection observer
React hook to monitor an element enters or leaves the viewport (or another element).
React utilities for lazy image loading
Reference Implementation of the Dufour-Peyton Intersection Algorithm. Calculates the Intersections of Arbitrary Polygons with a Geospatial Raster.
Exact arithmetic test for line segment intersection
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Intersection Observer Admin for better performance
Return an array with the unique values present in _all_ given arrays using strict equality for comparisons.
A library for declarative use of Intersection Observer API with Angular
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
Javascript library for 2d geometry
Fast point-in-polygon intersection for large numbers of polygons.
A library of intersection algorithms covering all SVG shape types
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
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.
Utilities for performing mathematical set operations on intervals and arrays of intervals
Fast geometry in geometry lookup for large GeoJSONs
2D intersection utilities for TLDraw and maybe you, too.
Computes the area of the intersection of two rectangles.
Converts TypeScript-like intersection types to JSDoc compatible union types, that is, from & -> |
A simple library that lets you know whether a Component is visible or not.
A helper to work with rectangular regions in the DOM
2d segment to segment intersection detection
Manipulate intervals in a functional way
Tailwind CSS with Intersection Observer variants
Low-Level GeoSpatial Masking Functions
ES Map/Set-compatible implementations with customizable equality semantics & supporting operations
Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
Calculate the difference of two arrays
Angular directive to load elements lazily
Primitives to support using the intersection observer API.
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)
React Component to lazy load images
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.
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
React standard library
2D/3D shape intersection checks
intersections between bezier curves of order 2, 3 and lines and rectangles
A visibility based trigger for loading more data.
Intersection observer for complex or embedded react native view
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.
Find intersecting ranges using Marzullo algorithm
High performance set theory - functional utilities which operate on arbitrary input sets.
Javascript library for 2d geometry
Lazily render Vue.js components for performance.
An easy to use React hook wrapper around the IntersectionObserver API.
creates a picking ray for a 2D/3D camera
test for collision with a circle and point
Closed/open/semi-open interval data type, queries & operations
Svelte use:action for element position notifications using IntersectionObserver.
A function collection for working with rectangles
A pack of functions for working with Sets.
Action & utilities for building table of contents
Intersection component package with testing and automatic documentation.
intersect a ray and triangle in 3 dimensions
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 lightweight Preact implementation of Intersection Observer API
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.
React Component that observe changes in the intersection of a target element with viewport using IntersectionObserver
New Set methods polyfill
Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
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
Merge and normalize adjacent or overlapping integer ranges
A function collection for working with circles
Check if two Sets contain all the same values
Intersection plugin for svg.js
line-circle collision test
Datalog-inspired, optimized pattern/predicate query engine for JS objects & arrays of objects
Intersection observer for Angular
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.
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.
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
rxjs-web-observers
Minimal library to observe nodes entering and leaving the viewport
Gives values present in both arrays.
An implementation of the Watertight Ray/Triangle Intersection algorithm
An extension of the javascript Set object which contains useful Set operation methods
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.
fast line intersection
A utility that takes 1 or more sorted arrays and emits a node stream event whenever an intersection is found
Intersect sorted lists using merge intersection with galloping lookahead
A javascript library for working with objects
LISN.js browser bundles.
Monitor if a component is inside the viewport, using IntersectionObserver API
Create scrolly-telling animations in React with ease.
A Bounding Volume Hierarchy data structure, for fast ray-mesh intersection
Determines whether any of the segments of 2 given linestrings intersect
Returns the symmetric difference (exclusive-or) of an array of elements (elements that are present in all given arrays and not in their intersections).
Custom hook designed to detect if an element is visible within the viewport.
ID-based IntersectionObserver for React
react intersection visible hook for react
react native intersection observer
React Hook to call an action if an intersected element was reached
Performant & ergonomic 2D geometry in typescript
A group of functions for working with Maps.
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
Angular wrapper for the Intersection Observer API
ILists is a pair of key iterable list and value iterable list, with unique keys.
Simply handle user gestures and actions. Includes widgets.
compute the intersection between two intervals
LISN.js for React.
image-component
A collection of methods for working with Objects.
Observes position change of an element within viewport as a result of resize, scroll, left or top coordinates change, or zooming in and out
A collection of functions for operating upon Entries {web}.
A pack of functions for working with Sets {web}.
A visibility based trigger for loading more data.
Gives values present in both arrays.
Node.js utility functions to handle objects
A helper to work with rectangular regions in the DOM
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}.
A collection of methods for working with Objects {web}.
Find the intersection of two glob patterns
An Alpine.js plugin to easily add CSS classes to an element when it enters the viewport.
Returns evenly spaced values within given interval.
Node utility librairies
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
An array is a collection of values, stored contiguously {web}.
A collection of helpers for detecting intersections in 2D and 3D
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
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}.
Creates an array of unique values that are included in all given arrays.
A Vue.js component to lazy load images using the Intersection Observer
Javascript Object Extensions
A sorted array is a collection of values, arranged in an order {web}.
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.
Lazy load component with react && react-router.
Counts occurrences of values.
A collection of functions for operating upon Entries.
With Target Observer, you can easily trigger animations, lazy load content, or handle visibility-based logic in your application.
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.
Find all intersections between two sets of line segments
Provides a way with extra configuration options to execute a handler when a given element is on view.
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.
Greiner-Hormann clipping algorithm; Typescript port.
A JavaScript port of the polyclip library
Frequently used tools for React
javascript intersection observer
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.
A small wrapper around turf-intersect to safely clip one geojson polygon to another
RegexSolver allows you to manipulate regular expressions as sets, enabling operations such as intersection, union, and subtraction.
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

A utility library providing common array manipulations and React hooks.
Gives values present in both arrays.
ReactJS component that applies CSS styles as it approaches the top of the viewport.
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 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.
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.
React Hook for Tracking Section Visibility in the Viewport
Dasboard for React
Intersection Observer implementation for Angular
A Vue.js component to lazy load images using the Intersection Observer.
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
An abstract layer that would make using intersection observer easier
A minimalistic es6 implementation of set
Zero-dependency TypeScript runtime type validation with full type inference
Calculate intersection of two lines
React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.
BVH
Scalable distinct value counting system
Render on intersection
A simple and fast API to manage viewport and DOM elements intersections as you scroll
Framework agnostic library to detect viewable impressions
Monitor if a component is inside the viewport, using IntersectionObserver API
🔢 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.
Wraps the Observer API
Javascript library for 2d geometry. Cloned from flattenjs
A library for working with Sets and arrays as sets.
Rearranges values in arbitrary order.
Monitor if a component is inside the viewport, using IntersectionObserver API
Flattens nested array to given depth.
Flattens nested array to given depth.
A wrapper for @loadable/component that uses IntersectionObserver to trigger component load.
A collection of observers for Svelte
Gives values present in both arrays.
Handle your array objects with ease
This is a simple React Hooks that trigger a callback all time the element is viewed.
Two dimensional geometry manipulation
Remove self intersections, t-junctions and duplicate edges/vertices from a planar straight line graph
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.
test for the intersection of convex polytopes in 2d or 3d, computing the minimum translation vector
A BVH implementation to speed up raycasting against three.js meshes.
Javascript library for 2d geometry
Fast testing whether two line segments intersect
Implementation of range data structures using plain JavaScript arrays.
A infinite scroll component in ReactJS, using Intersection Observer API.
An intersection observer hook for all your purposes
Scroll position-related navigation state management
Plain vanilla JS IntersectionObserver utility, to be used as a mixin
An API (wrapper actually) for connect trough Intersection Controller game data like users and maps
Rearranges values in arbitrary order.
Simple Javascript IntersectionObserver implementation for Ember applications.
TailwindCSS Zen intersection animation plugin
Find the symmetric difference of two string arrays.
Given a graph with a graph with a non planar embedding, make changes to this graph so that it becomes planar.