In-view Packages

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

A tiny, dependency-free, high performance viewport position & intersection observation tool

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.

A React component for determining when an element is within a given threshold of the viewport, horizontally.

Angular 2 Viewport Directives & Services

A lightweight and high performance lazy loader and `element-in-view` callback based on [Intersection Observer V2](https://developers.google.com/web/updates/2019/02/intersectionobserver-v2) with an efficient polyfill for old browsers.

Angular 5 Viewport Directives & Services

Angular 2+ wrapper for in-view.js

Simple React Hook is for monitoring when an element is in the viewport

Play/Pause video when in/out of the view.

Get notified when a Your React Component enters or exits the viewport.

Module for capturing element in viewport on native Javascript.

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.

React Native library for detecting component visibility in the viewport.

Animation util for vue based on Motion One

A React Native wrapper to check whether a component is in the view port to track impressions and clicks

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.

A lightweight and high performance lazy loader and `element-in-view` callback based on [Intersection Observer V2](https://developers.google.com/web/updates/2019/02/intersectionobserver-v2) with an efficient polyfill for old browsers.

impression

Fill the hook gap in Framer Motion