Intersection Packages

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

Tailwind CSS with Intersection Observer & Load variants

Tailwind CSS with Intersection Observer variants

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

Svelte use:action for element position notifications using IntersectionObserver.

A library of intersection algorithms covering all SVG shape types

Directive to tracking of target element intersection ratio

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

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.

Adds a directive that listens for click events and scrolls to elements.

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

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

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

Frequently used tools for React

Provides functions to operate on Sets, Arrays and Array-Like JavaScript data structures

Intersection Observer API Animation

Wraps the Observer API

Find characters in a string that also occur in another string

Broad coverage of sorted array operations

Given a graph with a graph with a non planar embedding, make changes to this graph so that it becomes planar.