JSPM

Found 57 results for inview

react-intersection-observer

Monitor if a component is inside the viewport, using IntersectionObserver API

  • v9.16.0
  • 101.93
  • Published

react-cool-inview

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

  • v3.0.1
  • 76.16
  • Published

angular-inview

AngularJS directive to check if a DOM element is in the viewport

  • v3.1.0
  • 65.15
  • Published

react-hook-inview

React Hook for detecting when an element is in the viewport

  • v4.5.1
  • 64.06
  • Published

svelte-inview

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.

  • v4.0.4
  • 62.52
  • Published

react-scroll-percentage

Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.

  • v4.3.2
  • 55.93
  • Published

inview

Detect when element scrolled to view

  • v0.0.15
  • 43.69
  • Published

vueinview

vue in-view

  • v1.0.7
  • 42.29
  • Published

react-inview-monitor

Easy to use for effects when component scrolls into view, f.e. fade-in, autoplay video, etc.

  • v2.3.0
  • 41.45
  • Published

use-element-in-view

A simple React hook to track whether an element is visible in the viewport with the Intersection Observer. This API provides a native way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-leve

  • v1.0.3
  • 32.91
  • Published

angular-inport

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

  • v2.0.1
  • 32.90
  • Published

react-inview-js

React Inview checker with only javascript

  • v1.3.0
  • 30.53
  • Published

@opuu/inview

Check if element is visible in viewport

  • v2.1.0
  • 27.29
  • Published

ngx-inview

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

  • v1.0.0
  • 25.92
  • Published

knockout-inview

Simple knockout binding to toggle a value when an element comes into or leaves the viewport.

  • v2.5.0
  • 24.22
  • Published

next-scroll

Scroll postion gives you ability the manipulate scroll

  • v1.3.3
  • 20.68
  • Published

ng2-inview

Angular 2 inview for infinite scrolling or checking if the section is in the viewport.

  • v0.1.5
  • 19.76
  • Published

react-intersection-revealer

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.

  • v1.3.0
  • 18.50
  • Published

parallazy

A lazy parallax plugin

  • v3.2.0
  • 18.34
  • Published

@jhubbardsf/svelte-inview

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.

  • v4.0.2
  • 17.07
  • Published

svelte-5-inview

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.

  • v1.0.0
  • 16.93
  • Published

@kohlmannj/react-scroll-percentage

Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.

  • v3.0.0-alpha.13
  • 16.87
  • Published

ng-viewport

Angular 5 Viewport Directives & Services

  • v2.0.2
  • 16.00
  • Published

react-intersection-observer-inview

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!

  • v1.0.4
  • 15.98
  • Published

react-overwatch

React component using the browser's Intersection Observer API to watch for when an element is within (or intersecting with) the viewport.

  • v0.1.7
  • 15.73
  • Published

evolvethemes-inviewr

JavaScript library to detect when elements come into view.

  • v1.0.3
  • 13.34
  • Published

view-in

A dependency free utility to set and remove animation classes on elements as they become visible in the viewport, using the Intersection Observer API

  • v0.0.4
  • 12.93
  • Published

react-vanilla-lazyload

React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.

  • v1.0.4
  • 12.68
  • Published

react-inview-callback

![npm version](https://badge.fury.io/js/react-inview-callback.svg) ![https://img.shields.io/librariesio/release/npm/react-inview-callback](https://img.shields.io/librariesio/release/npm/react-inview-callback) ![https://img.shields.io/github/issues-raw/mar

  • v1.0.3
  • 12.05
  • Published

mc-inview

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

  • v1.0.3
  • 12.01
  • Published

@optimization/lazy

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.

  • v1.3.0
  • 11.82
  • Published

nitz-in-view

React Hook for detecting when an element is in the viewport

  • v4.4.2
  • 11.39
  • Published

inview-lite

Detect when element scrolled to view

  • v0.0.9
  • 11.16
  • Published

jquery-in-view

jQuery/Zepto plugin for detecting HTML elements in view or out of view.

  • v1.0.1
  • 11.10
  • Published

ng-inview

Applying slide effects to webpage divisions onview

  • v0.0.1
  • 10.98
  • Published

@intergral/angular-inport

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

  • v6.0.9
  • 10.98
  • Published

@fekit/mc-inview

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

  • v1.0.9
  • 10.77
  • Published

@catrielmuller/angular-inport

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

  • v1.0.4
  • 10.65
  • Published

react-scroll-percentage-rc-18

Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.

  • v4.3.0
  • 10.62
  • Published

use-simple-in-view

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

  • v1.0.0
  • 10.62
  • Published

react-inview-wrapper

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

  • v0.1.1
  • 10.06
  • Published

react-section-observer

React implementation of the Section Observer API to tell you when you enter or leave the section

  • v0.0.2
  • 8.93
  • Published

in-view-utils

Detect if the dom is within the view, as well as some other dom-related helper functions.

  • v0.0.4
  • 8.07
  • Published