10 Best JavaScript Lazy Load Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

gatsby-image

Build blazing fast, modern apps and websites with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.3/ 5
12
Top Feedback
10Easy to Use
9Performant
7Great Documentation
GitHub Stars
52K
Weekly Downloads
180K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ri

react-image

React.js <img> tag rendering with multiple fallback & loader support

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
992
Weekly Downloads
54K
Last Commit
1d ago
Bundle Size (min+gzip)
1.24KB
Tree-Shakeable
vl

vanilla-lazyload

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.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
6K
Weekly Downloads
65K
Last Commit
14d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rio

react-intersection-observer

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
4
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
3K
Weekly Downloads
564K
Last Commit
20d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rv

react-virtualized

React components for efficiently rendering large lists and tabular data

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
41
Top Feedback
6Great Documentation
5Highly Customizable
4Bleeding Edge
GitHub Stars
23K
Weekly Downloads
844K
Last Commit
5mos ago
Bundle Size (min+gzip)
27.4KB
Tree-Shakeable

@ng-select/ng-select

⭐ Native angular select component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.9/ 5
8
Top Feedback
6Great Documentation
4Highly Customizable
2Easy to Use
GitHub Stars
3K
Weekly Downloads
226K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ud

use-debouncy

🌀 Small (~0.2kb) debounce effect hook for React with TypeScript support

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
34
Weekly Downloads
1K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
gbi

gatsby-background-image

Lazy-loading React (multi)background-image component with optional support for the blur-up effect.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
257
Weekly Downloads
26K
Last Commit
13d ago
Bundle Size (min+gzip)
13.4KB
Not Tree-Shakeable

rsuite-table

A React table component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
1Great Documentation
1Highly Customizable
1Responsive Maintainers
GitHub Stars
457
Weekly Downloads
20K
Last Commit
24d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
laz

lazysizes

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
6
Top Feedback
N/A
GitHub Stars
16K
Weekly Downloads
233K
Last Commit
5mos ago
Bundle Size (min+gzip)
3.43KB
Not Tree-Shakeable
rnf

react-native-fast-image

🚩 FastImage, performant React Native image component.

License Icon
License: (MIT AND Apache-2.0)
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
4
Top Feedback
4Easy to Use
3Great Documentation
2Performant
GitHub Stars
6K
Weekly Downloads
130K
Last Commit
20d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
vl

vue-lazyload

A Vue.js plugin for lazyload your Image or Component in your application.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
4
Top Feedback
N/A
GitHub Stars
7K
Weekly Downloads
81K
Last Commit
6mos ago
Bundle Size (min+gzip)
6.27KB
Tree-Shakeable
ks

keen-slider

The HTML touch slider carousel with the most native feeling

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
3Performant
2Great Documentation
2Easy to Use
GitHub Stars
3K
Weekly Downloads
36K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
jf

jquery.fancytree

JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Performant
1Highly Customizable
GitHub Stars
2K
Weekly Downloads
6K
Last Commit
23d ago
Bundle Size (min+gzip)
24.8KB
Not Tree-Shakeable
net

ngx-easy-table

The Easiest Angular Table. IVY compatible. 9.0kb gzipped! 60fps! Tree-shakeable. 54 features and growing!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
270
Weekly Downloads
2K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@rxweb/translate

Tons of extensively featured packages for Angular, VUE and React Projects

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
308
Weekly Downloads
81
Last Commit
17d ago
Bundle Size (min+gzip)
7.12KB
Tree-Shakeable
rll

react-lazy-load

React component that renders children elements when they enter the viewport.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
865
Weekly Downloads
180K
Last Commit
1yr ago
Bundle Size (min+gzip)
3.45KB
Not Tree-Shakeable
rvs

react-virtualized-select

HOC that uses react-virtualized and react-select to display large lists of options in a drop-down

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
40K
Last Commit
3yrs ago
Bundle Size (min+gzip)
27.3KB
Tree-Shakeable
rlb

react-lazy-blur-image

Load low resolution / placeholder image first and then load the actual image lazily when it's in the viewport.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
3
Weekly Downloads
96
Last Commit
9mos ago
Bundle Size (min+gzip)
4.08KB
Not Tree-Shakeable
rbi

react-blur-image-loader

Blurred progressive image loader for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable
GitHub Stars
57
Weekly Downloads
27
Last Commit
4yrs ago
Bundle Size (min+gzip)
11.4KB
Not Tree-Shakeable
ras

react-async-script-loader

A decorator for script lazy loading on react component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
258
Weekly Downloads
31K
Last Commit
4yrs ago
Bundle Size (min+gzip)
1.97KB
Not Tree-Shakeable
rpi

react-progressive-image-loading

Progressively load images using a blur effect.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable
GitHub Stars
107
Weekly Downloads
639
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.70KB
Not Tree-Shakeable
rns

react-native-scroll-lazy

react-native-scroll-lazy is a very high-performance large list contain images for React-Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
3
Top Feedback
2Great Documentation
2Easy to Use
2Performant
GitHub Stars
10
Weekly Downloads
14
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rss

react-select-search

⚡️ Lightweight select component for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
475
Weekly Downloads
14K
Last Commit
3mos ago
Bundle Size (min+gzip)
3.24KB
Tree-Shakeable
lap

loading-attribute-polyfill

Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
453
Weekly Downloads
3K
Last Commit
12d ago
Bundle Size (min+gzip)
1.12KB
Tree-Shakeable

ngx-mat-select-search

Angular component providing an input field for searching / filtering MatSelect options of the Angular Material library.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
461
Weekly Downloads
65K
Last Commit
12d ago
Bundle Size (min+gzip)
5.01KB
Tree-Shakeable
rl

react-lazyload

Lazy load your component, image or anything matters the performance.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
5K
Weekly Downloads
227K
Last Commit
8mos ago
Bundle Size (min+gzip)
2.71KB
Not Tree-Shakeable

@angular-extensions/elements

Lazy load Angular Elements (or any other web components / custom elements ) with ease!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
257
Weekly Downloads
7K
Last Commit
3mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@times-components/lazy-load

A collection of reusable components used by The Times

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
240
Weekly Downloads
247
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
nli

ng-lazyload-image

🖼 A small library for lazy loading images for Angular apps with zero dependencies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
709
Weekly Downloads
28K
Last Commit
3mos ago
Bundle Size (min+gzip)
3.03KB
Tree-Shakeable
loz

lozad

🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7K
Weekly Downloads
35K
Last Commit
2mos ago
Bundle Size (min+gzip)
1.15KB
Tree-Shakeable
gps

gatsby-plugin-sanity-image

Gatsby plugin providing easy responsive behavior for Sanity-hosted images

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
30
Weekly Downloads
937
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
gbi

gatsby-background-image-es5

Lazy-loading React (multi)background-image component with optional support for the blur-up effect.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
257
Weekly Downloads
208
Last Commit
13d ago
Bundle Size (min+gzip)
23.7KB
Not Tree-Shakeable
rll

react-lazy-load-image-component

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
857
Weekly Downloads
73K
Last Commit
2mos ago
Bundle Size (min+gzip)
5.16KB
Not Tree-Shakeable

@ng-util/lazy

A set of Angular utilities

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
2K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
com

@ngui/common

Angular 6 Virtual Scroll, Lazy Rendering, Virtual List, Autocomplete, etc

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
328
Last Commit
5mos ago
Bundle Size (min+gzip)
4.18KB
Tree-Shakeable

react-cloudimage-responsive

Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load. Any questions or issues, please report to https://github.com/scaleflex/react-cloudimage-responsive/issues

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
35
Weekly Downloads
438
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
bla

blazy

Hey, be lazy! bLazy.JS is a lightweight pure JavaScript script for lazy loading and multi-serving images. It's working in all modern browsers including IE7+.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
39K
Last Commit
5yrs ago
Bundle Size (min+gzip)
1.98KB
Not Tree-Shakeable
ocl

oclazyload

Lazy load modules & components in AngularJS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
27K
Last Commit
5yrs ago
Bundle Size (min+gzip)
5.34KB
Not Tree-Shakeable
rli

react-lazy-images

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
262
Weekly Downloads
18K
Last Commit
2yrs ago
Bundle Size (min+gzip)
3.55KB
Tree-Shakeable
nll

@andres-oshiro/ng-lazy-load-image

Libraries for Angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
26
Last Commit
17d ago
Bundle Size (min+gzip)
1.03KB
Tree-Shakeable
nll

ngx-lazy-load-images

Image lazy load library for Angular 2+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
80
Weekly Downloads
2K
Last Commit
8mos ago
Bundle Size (min+gzip)
3.81KB
Tree-Shakeable
rlm

react-lazy-media

Lazy load image, picture, video, and iframe media React components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
101
Last Commit
10d ago
Bundle Size (min+gzip)
6.20KB
Not Tree-Shakeable
rnp

@freakycoder/react-native-progressive-fast-image

Customizable progressive image for React Native with FastImage

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
187
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ne

ngx-element

Angular Element that allows lazy loading Angular components in non-angular applications

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
29
Weekly Downloads
107
Last Commit
9mos ago
Bundle Size (min+gzip)
2.05KB
Tree-Shakeable
la

lazy-attr

Create lazy image, embed, video and element with animation just with attributes.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
7
Last Commit
7mos ago
Bundle Size (min+gzip)
2.69KB
Not Tree-Shakeable
vps

vue-picture-swipe

🖼 Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
352
Weekly Downloads
858
Last Commit
8mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vli

v-lazy-image

[![npm](https://img.shields.io/npm/v/v-lazy-image.svg)](https://www.npmjs.com/package/v-lazy-image) [![npm](https://img.shields.io/npm/dm/v-lazy-image.svg)](https://www.npmjs.com/package/v-lazy-image) [![Donate](https://img.shields.io/badge/donate-paypal-

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
9K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ria

react-image-and-background-image-fade

React Image and Background Image Preloader and Fade in. Load those images in smooth!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
802
Last Commit
10mos ago
Bundle Size (min+gzip)
2.66KB
Tree-Shakeable
rlr

react-lazily-render

Delay mounting expensive components until a placeholder component has been scrolled into view.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
15
Weekly Downloads
5K
Last Commit
2yrs ago
Bundle Size (min+gzip)
2.12KB
Tree-Shakeable