Search results
590 packages found
🥇 A lightweight JavaScript library that helps you lazy load (almost) anything. Defer.js is dependency-free, highly efficient, and optimized for Web Vitals.
- deferjs
- defer.js
- defer-js
- vanilla-js
- lazy-loading
- lazy-load
- resource-optimization
- performance-optimization
- frontend
- user-experience
- load-speed
- web-vitals
- dependency-free
- website-optimization
- View more
Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions
A hook for handling infinite scroll based on the IntersectionObserver API
This control allows the user to wrap another component and use the Javascript Intersection Observer API on it. The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element
⚛️ Minimal zero dependency lazy load images solution with a simple React Hook for all images of an element
![Build status](https://img.shields.io/github/actions/workflow/status/onderonur/react-intersection-observer-hook/main.yml) ![License](https://img.shields.io/npm/l/react-intersection-observer-hook) ![Version](https://img.shields.io/npm/v/react-intersection
The `useOnScreen` hook utilizes the Intersection Observer API to detect if an element is visible within the viewport. It's ideal for scenarios such as lazy loading images, triggering animations on scroll, and implementing features like infinite scroll.
Infinite scroll & lazy loading hooks used in react based on intersection observer
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
React components to add reveal animations using the Intersection Observer API and CSS Animations.
A custom React hook for [describe what your hook does].
Intersection observer for Angular
- ngx
- ngx-intersection-observer
- angular
- typescript
- animate
- animation
- animate on scroll
- intersection
- viewport
- animate.css
- animate.style
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
Eliminates multiple instances of IntersectionObservers by providing a single instance and methods to manage it
Lazy load react components when they scroll into view using intersection observer
观察元素是否出现在可视窗口中,简化复杂操作,易化监听操作;
Tailwind CSS with Intersection Observer & Load variants
Simple Intersection Observer wrapper for React js.
The Splide extension for observing the intersection of the slider with the viewport.
A lightweight scrollytelling interface for React using the IntersectionObserver.