Awesome Open Source

Programming Languages

Search results for lazy loading intersection observer

intersection-observer x

17 search results found

Vanilla Lazyload ⭐ 7,548

LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

React Intersection Observer ⭐ 4,585

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

React Cool Inview ⭐ 1,454

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

React Lazy Load Image Component ⭐ 1,286

React Component to lazy load images and components using a HOC to track window scroll position.

React Simple Img ⭐ 983

🌅 React lazy load images with IntersectionObserver API and Priority Hints

React Cool Img ⭐ 777

😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!

React In Viewport ⭐ 327

Detect if React component is in viewport

Svelte Intersection Observer ⭐ 284

Detect if an element is in the viewport using the Intersection Observer API

React Lazy Images ⭐ 262

🖼️ 🛋️ Components and utilities for lazy image loading in React

Defer.js ⭐ 240

🥇 A JavaScript micro-library that helps you lazy load (almost) anything. Defer.js is zero-dependency, super-efficient, and Web Vitals friendly.

Ng In Viewport ⭐ 211

Allows us to check if an element is within the browsers visual viewport

Gluebert ⭐ 192

gluebert.js is a tiny helper lazy loading DOM Elements, StyleSheets and JavaScript files using dynamic import and code splitting

Vue Clazy Load ⭐ 104

Component-based lazy (CLazy) load images in Vue.js 2

Ngx Lazy Load Images ⭐ 80

Image lazy load library for Angular 2+

React Native Intersection Observer ⭐ 71

React Native component that monitors when an element enters or leaves the client viewport.

Vue Visual ⭐ 58

Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.

Defer.php ⭐ 37

🚀 A PHP library that focuses on minimizing payload size of HTML document and optimizing page speed.

Viewable ⭐ 36

A simple rule-based approach to tracking element visibility.

Peekaboo ⭐ 30

Know when elements are about to scroll into the viewport

Intersection Observer Admin ⭐ 27

Intersection Observer Admin for better performance

Lazyhtml ⭐ 26

LazyHTML is an OpenSource Javascript Library that Supports Lazy Loading of any elements without Modifying Code, LazyHTML can lazy load Ads, Videos, Images, Widgets, Javascript, CSS, Inline-Javascript, Inline-CSS & Any HTML.

React Lazyloading ⭐ 20

React Lazy Loading - Lazy load the component or anything by using Intersection Observer API

Progressive Image Loading ⭐ 9

Progressive Image Loading Techniques

Progressive Picture ⭐ 9

Native Lazy Loaded Picture Element with Progressive Image Change

Ng Image Preload ⭐ 8

An image preload module for Angular using IntersectionObserver in favour of scroll listener's.

React library for working with images

Preact Intersection Observer ⭐ 6

A lightweight Preact implementation of Intersection Observer API.

Lite Iframe ⭐ 6

A web component which enhances UX by lazy loading iframes and provides a better fallback UI

A lightweight and high performance lazy loader and element-in-view callback based on Intersection Observer V2 with an efficient polyfill for old browsers.

React Modules Lazy Loader ⭐ 5

A react component which allows lazy load

Related Searches

Javascript Lazy Loading (680)

1-17 of 17 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.