# WIP

Get notified when a DOM element enters or exits the viewport.

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

## Carousel Example ```jsx <Carousel inView={3} gutter={30} animationTime={500} skipBy={3} dotsStyle={dotsStyle} infinite> <div style={{background: "#2f92d6", height: '300px'}} key={1}>1</div> <div style={{background: "#2f92d6", height: '300px'}

This is a wrapper for React JS that detects whenever the content inside the wrapper is inside the viewport of the window.

vue in-view

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.

This plugin can set page elements to play animations when they enter the visible area, so as to build a web page with an awesome experience.

react-intersection-observer for Octane.

滚动到可视区域时播放动画

页面滚动时监听指定图片到指定位置时等懒加载，配合 @fekit/inview 可以实现超棒的用户体验!

A _simple_, _small_ and _easy_ to `use` intersection observer library for Svelte 5.

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.

react hooks & intersection-observer

Angular in view port for infinite scrolling or checking if the section is in the viewport.

Detect when element scrolled to view

Scroll in viewport add data attribute.

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!

Scroll in viewport add data attribute.

滚动到可视区域时播放动画