svelte-intersection-observer-action
Svelte use:action for element position notifications using IntersectionObserver.
Found 411 results for intersection observer
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
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
Intersection Observer implementation for Angular
A BVH implementation to speed up raycasting against three.js meshes.
The lodash method `_.intersection` exported as a module.
Martinez polygon clipping algorithm, does boolean operation on polygons (multipolygons, polygons with holes etc): intersection, union, difference, xor
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)
Observes position change of an element within viewport as a result of resize, scroll, left or top coordinates change, or zooming in and out
An abstract layer that would make using intersection observer easier
Fast intersection of multiple arrays
Wraps the Observer API
Lazily render Vue.js components for performance.
A visibility based trigger for loading more data.
Angular directive to load elements lazily
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
Return an array with the unique values present in _all_ given arrays using strict equality for comparisons.
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.
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
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
An intersection observer hook for all your purposes
Fast point-in-polygon intersection for large numbers of polygons.
Utilities to work with projections (e.g. mongo)
A library of intersection algorithms covering all SVG shape types
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
Computes the area of the intersection of two rectangles.
Fast geometry in geometry lookup for large GeoJSONs
2D intersection utilities for TLDraw and maybe you, too.
Converts TypeScript-like intersection types to JSDoc compatible union types, that is, from & -> |
React Component to lazy load images
A helper to work with rectangular regions in the DOM
2d segment to segment intersection detection
Minimal library to observe nodes entering and leaving the viewport
Manipulate intervals in a functional way
Low-Level GeoSpatial Masking Functions
React standard library
ES Map/Set-compatible implementations with customizable equality semantics & supporting operations
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.
Calculate the difference of two arrays
A tiny library to observer elements
Determine the point of intersection between a ray and axis-aligned bounding box (AABB)
An array is a collection of values, stored contiguously.
Dynamic BVH implementation based on Erin Catto's paper.
Boolean operations on polygons (union, intersection, difference, xor)
Greiner-Hormann clipping algorithm
react intersection visible
A data structure for storing number intervals
An iterable is a sequence of values.
Functional, polymorphic API for 2D geometry types & SVG generation
Purely functional linear, quadratic and cubic bezier library, including accurate, robust bezier intersection.
Javascript Set operations
An easy to use intersection observer hooks based on IntersectionObserver API.
Check if two polygons overlap
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.
Find intersecting ranges using Marzullo algorithm
High performance set theory - functional utilities which operate on arbitrary input sets.
Script for lazyloading assets using Intersection Observer API
Javascript library for 2d geometry
image-component
Create scrolly-telling animations in React with ease.
creates a picking ray for a 2D/3D camera
JavaScript utility to observe sticky elements using the Intersection Observer API
A tiny library to observe elements entering the viewport using Intersection Observer.
test for collision with a circle and point
Closed/open/semi-open interval data type, queries & operations
A pack of functions for working with Sets.
A function collection for working with rectangles
Intersection component package with testing and automatic documentation.
intersect a ray and triangle in 3 dimensions
return line segment representing the intersection between a pair of 3D triangles. based on Thomas Möller's algorithm.
a high-level 3D perspective camera
a high-level ray picking helper for 3D intersection
whether a picking ray intersects with a plane
Intersection Observer for React
NPM wrapper of Kevin Lindsey's intersection.js
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
Apply boolean Polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
New Set methods polyfill
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
Gives values present in both arrays.
Custom hook designed to detect if an element is visible within the viewport.
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 Bounding Volume Hierarchy data structure, for fast ray-mesh intersection
A collection of observers for Svelte
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
A collection of methods for working with Objects {web}.
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}.
An Alpine.js plugin to easily add CSS classes to an element when it enters the viewport.
Find the intersection of two glob patterns
A set of helpers in TS/JS, compatible with tree-shaking, for array.
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
IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.
A simple and fast API to manage viewport and DOM elements intersections as you scroll
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.
Apply boolean polygon clipping operations (intersection, union, difference, xor) to your Polygons & MultiPolygons.
test if a ray intersects an aabb in 2d/3d space
Boolean operations on polygons
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
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.
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.
A utility library providing common array manipulations and React hooks.
React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.

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.
Counts occurrences of values.
A collection of functions for operating upon Lists {web}.
An esay-to-use wrapper class over intersection observer API.
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.
This is a simple React Hooks that trigger a callback all time the element is viewed.
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
Framework agnostic library to detect viewable impressions
BVH
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.
Flattens nested array to given depth.
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.
Handle your array objects with ease
Two dimensional geometry manipulation
Remove self intersections, t-junctions and duplicate edges/vertices from a planar straight line graph
Gives values present in both arrays.
Detects if the inner children are visible