JSPM

Found 60 results for inview

react-intersection-observer

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

  • v9.16.0
  • 103.89
  • Published

react-cool-inview

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

  • v3.0.1
  • 75.92
  • Published

angular-inview

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

  • v3.1.0
  • 63.87
  • 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.34
  • Published

react-hook-inview

React Hook for detecting when an element is in the viewport

  • v4.5.1
  • 61.20
  • Published

react-scroll-percentage

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

  • v4.3.2
  • 51.63
  • Published

inview

Detect when element scrolled to view

  • v0.0.15
  • 43.72
  • Published

vueinview

vue in-view

  • v1.0.7
  • 40.03
  • Published

react-inview-monitor

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

  • v2.3.0
  • 39.16
  • Published

@opuu/inview-vue

Vue.js directives for viewport detection - v-inview and v-outview directives powered by @opuu/inview. Perfect for Vue 3 lazy loading, scroll animations, infinite scroll, analytics tracking with TypeScript support.

  • v1.0.4
  • 34.29
  • Published

@opuu/inview

Lightweight JavaScript library for viewport detection with debounced callbacks - intersection observer, lazy loading, scroll animations, infinite scroll, element visibility tracking with TypeScript support. Zero dependencies, ~1KB gzipped.

  • v2.3.1
  • 32.33
  • Published

react-inview-js

React Inview checker with only javascript

  • v1.3.0
  • 30.20
  • Published

angular-inport

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

  • v2.0.1
  • 29.83
  • 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
  • 29.72
  • Published

knockout-inview

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

  • v2.5.0
  • 22.72
  • Published

@kohlmannj/react-scroll-percentage

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

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

next-scroll

Scroll postion gives you ability the manipulate scroll

  • v1.3.3
  • 18.40
  • 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
  • 16.50
  • Published

ngx-element-in-view

> 🔍 Angular directive to detect when an element enters the viewport using `IntersectionObserver`. Add animation classes or trigger callbacks with ease.

    • v0.0.6
    • 14.05
    • Published

    ngx-inview

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

    • v1.0.0
    • 13.54
    • Published

    react-vanilla-lazyload

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

    • v1.0.4
    • 13.33
    • 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
    • 13.04
    • Published

    ng2-inview

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

    • v0.1.5
    • 11.39
    • Published

    @proto-cool/cascade

    A lightweight TypeScript library for easily defining smooth, performant animations when elements enter the viewport.

    • v1.0.3
    • 10.90
    • 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
    • 10.30
    • Published

    @catrielmuller/angular-inport

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

    • v1.0.4
    • 9.87
    • Published

    @intergral/angular-inport

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

    • v6.0.9
    • 9.52
    • Published

    jquery-in-view

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

    • v1.0.1
    • 9.35
    • Published

    inview-lite

    Detect when element scrolled to view

    • v0.0.9
    • 7.63
    • Published

    ng-inview

    Applying slide effects to webpage divisions onview

    • v0.0.1
    • 6.95
    • 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
    • 6.12
    • 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
    • 5.86
    • Published

    in-view-utils

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

    • v0.0.4
    • 5.80
    • 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
    • 5.58
    • 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
    • 4.70
    • Published

    react-section-observer

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

    • v0.0.2
    • 4.39
    • Published

    use-simple-in-view

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

    • v1.0.0
    • 2.71
    • Published

    parallazy

    A lazy parallax plugin

    • v3.2.0
    • 2.66
    • 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
    • 2.57
    • Published

    mc-inview

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

    • v1.0.3
    • 0.00
    • Published

    evolvethemes-inviewr

    JavaScript library to detect when elements come into view.

    • v1.0.3
    • 0.00
    • Published

    nitz-in-view

    React Hook for detecting when an element is in the viewport

    • v4.4.2
    • 0.00
    • 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
    • 0.00
    • Published

    ng-viewport

    Angular 5 Viewport Directives & Services

    • v2.0.2
    • 0.00
    • Published

    react-scroll-percentage-rc-18

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

    • v4.3.0
    • 0.00
    • Published