443 packages found
Monitor if a component is inside the viewport, using IntersectionObserver API
A polyfill for IntersectionObserver
Track React component in viewport using Intersection Observer API
A simple library that lets you know whether a Component is visible or not.
A React hook for the IntersectionObserver API that uses a polyfill when the native API is not available
- react
- react hook
- hook
- react hooks
- hooks
- intersection
- intersection observer
- use intersection observer
- useintersectionobserver
Monitor if a component is inside the viewport, using IntersectionObserver API
Monitor if a component is inside the viewport, using IntersectionObserver API
A Vue.js component to lazy load images using the Intersection Observer.
A React Slider / Carousel Component with Scroll Snapping and Intersection Observer. ***[Demo](https://lifarl.github.io/react-scroll-snap-slider/)***
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve
- lazyload
- vanilla
- responsive
- images
- picture
- srcset
- sizes
- native
- SEO
- intersectionObserver
- progressive
- performance
- perfmatters
- async
Detect if an Ember View or Component is in the viewport @ 60FPS
A simple rule-based approach to tracking element viewability.
⚛️ Minimal zero dependency lazy load images solution with a simple React Hook for all images of an element
An Intersection Observer wrapper with some smart defaults
react simple img
A 'naked' component library for building accessible, lightweight, on-brand applications.
- vue
- vuejs
- vue.js
- vue2
- web
- components
- ui
- library
- component library
- accessibility
- accessible
- a11y
- semantic
- alert
- View more
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --> [](#contributors-) <!-- ALL-CONTRIBUTORS-BADGE:END --> ![Build status](https://im
Styled components syntax for creating raw html in javascript.