JSPM

Found 151004 results for react lazy loading

react-lazy-load-zz

Simple lazy loading component built with react

  • v3.0.14
  • 104.50
  • Published

react-loading-skeleton

Make beautiful, animated loading skeletons that automatically adapt to your app.

  • v3.5.0
  • 90.82
  • Published

react-lazy-img-observer

A React component for lazy loading images with Intersection Observer

  • v1.5.0
  • 90.55
  • Published

react-cool-inview

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

  • v3.0.1
  • 89.59
  • Published

@fyayc-am/next-cloudimage-responsive

(FYAYC-AM) 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.

  • v1.2.7
  • 86.70
  • Published

@vtaits/use-lazy-ref

[![NPM](https://img.shields.io/npm/v/@vtaits/use-lazy-ref.svg)](https://www.npmjs.com/package/@vtaits/use-lazy-ref)

  • v0.1.4
  • 84.03
  • Published

lucid-image

A lightweight React image component with blur-up preview, lazy loading, and graceful fallback support.

  • v1.1.4
  • 81.55
  • Published

react-imgix

React Component for displaying an image from Imgix

  • v9.10.0
  • 81.47
  • Published

@next/env

Next.js dotenv file loading

  • v15.5.2
  • 79.37
  • Published

react-lazy-cache

A utility to lazily calculate and cache values in a react component based on props

  • v3.0.1
  • 74.33
  • Published

react-top-loading-bar

A very simple, highly customisable react top loader component.

  • v3.0.2
  • 74.09
  • Published

lazy-router

a lazy-loading router for client applications

  • v1.0.1
  • 72.25
  • Published

lazy-context

A specialized React context that allows for lazy subscription.

  • v1.0.5
  • 72.12
  • Published

lazy-load-image-lit

A lightweight, framework-agnostic lazy loading image web component built with Lit

  • v1.1.5
  • 70.91
  • Published

react-lazyload

Lazyload your components, images or anything where performance matters.

  • v3.2.1
  • 70.31
  • Published

r-img-lazyload

React module for lazy-loading images in your react.js applications.

  • v1.1.0
  • 68.83
  • Published

simple-image-carousel

customizable image slider component for React and Next.js with built-in lazy loading.

  • v1.2.5
  • 68.09
  • Published

restful-react

A consistent, declarative way of interacting with RESTful backends, featuring code-generation from Swagger and OpenAPI specs

  • v15.9.4
  • 67.98
  • Published

generouted

Generated client-side file-based routes for Vite

  • v1.20.0
  • 67.16
  • Published

react-lazy-observer

This is a component that allows lazy loading of components based on a React-based viewport.

    • v1.2.0
    • 67.06
    • Published

    react-broker

    Component lazy-loading + code splitting that works with SSR, Webpack 4, and Babel 7

    • v2.0.5
    • 65.49
    • Published

    react-waypoint

    A React component to execute a function whenever you scroll to an element.

    • v10.3.0
    • 65.35
    • Published

    @qwik.dev/partytown

    Relocate resource intensive third-party scripts off of the main thread and into a web worker.

    • v0.11.2
    • 63.67
    • Published

    react-img-component

    A responsive lazy-loading image component for React

      • v1.0.3
      • 63.52
      • Published

      react-youtube-lazyload

      A blazing fast YouTube embed component that supports lazy loading

      • v0.2.5
      • 63.10
      • Published

      react-loading-icons

      React implementation of the SVG Loaders library by Sam Herbert

      • v1.1.0
      • 62.85
      • Published

      lazy-child

      React component that renders its child when it enters the viewport

      • v0.3.1
      • 62.52
      • Published

      react-vanilla-lazyload

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

      • v1.0.4
      • 62.36
      • Published

      zenui-image-react

      Render responsive images with lazy loading and optimized performance using customizable placeholders and skeletons.

      • v1.0.0
      • 60.55
      • Published

      react-safe-lazy

      Safely use `React.lazy` with retry and reload strategies.

      • v0.1.0
      • 58.49
      • Published

      react-spinners

      A collection of react loading spinners

      • v0.17.0
      • 58.25
      • Published

      react-facebook

      Facebook components like a Login button, Like, Share, Comments, Embedded Post/Video, Messenger Chat, and Facebook Pixel tracking

      • v10.0.1
      • 58.18
      • Published

      react-lazily

      React.lazy wrapper that works with allows you to destruct imported module, so it will work with non default exports

      • v0.9.2
      • 57.21
      • Published

      gatsby-plugin-sanity-image

      Gatsby plugin providing easy responsive behavior for Sanity-hosted images

      • v0.13.5
      • 56.98
      • Published

      react-spreadsheet-grid

      An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns

      • v2.3.1
      • 56.78
      • Published

      ink-spinner

      Spinner component for Ink

      • v5.0.0
      • 55.68
      • Published

      @chakra-ui/image

      React component for progressive image loading

      • v2.1.0
      • 55.65
      • Published

      awesome-image-viewer

      React, Angular, Vue, and Typescript compatible image viewer

      • v1.0.60
      • 55.59
      • Published

      @unpic/react

      React component for responsive, high-performance images

      • v1.0.1
      • 55.26
      • Published

      react-alice-carousel

      React image gallery, react slideshow carousel, react content rotator

      • v2.9.1
      • 54.76
      • Published

      lazy-attr

      Create lazy loading request or element like image, iframe, video... Make custom animation on lazy and not lazy element on all browser. You can also use our animations included in the lib. All of that just with html attributes.

      • v1.2.3
      • 54.44
      • Published

      react-lazy-svg

      react-lazy-svg is a simple way to use SVGs with the performance benefits of a sprite-sheet and svg css styling possibilities. Without bloating the bundle. It automatically creates a sprite-sheet for all used SVGs on the client but also provides the option

      • v3.0.0
      • 54.19
      • Published

      react-script-hook

      React hook to dynamically load an external script and know when its loaded

      • v1.7.2
      • 54.03
      • Published

      react-with-dynamic

      Improved lazy loading in React with suspense and error boundary

      • v0.0.7
      • 53.91
      • Published

      react-content-loader

      SVG-Powered component to easily create placeholder loadings (like Facebook cards loading)

      • v7.1.1
      • 53.30
      • Published

      rrgenius

      File-system based routing for React Router, inspired by Next.js App Router

      • v1.0.197
      • 53.26
      • Published

      @afiniti/image-lazy-load

      React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images

      • v0.0.9
      • 52.60
      • Published

      next-optimized-images

      Automatically optimize images used in next.js projects (jpeg, png, gif, svg).

      • v2.6.2
      • 52.32
      • Published

      react-diff-view

      A git diff component to consume the git unified diff output.

      • v3.3.2
      • 51.42
      • Published

      react-lazy-fastdom

      Simple lazy loading component built with react. Now with fastdom.

      • v4.1.0
      • 51.01
      • Published

      react-wait

      Complex Loader Management for React Applications

      • v0.3.0
      • 50.70
      • Published

      material-ui-image

      Material style image with loading animation

      • v3.3.2
      • 50.57
      • Published

      react-async-script

      A composition mixin for loading scripts asynchronously for React

      • v1.2.0
      • 50.14
      • Published

      mui-image

      Display images as per the Material guidelines. For React apps using Material-UI.

      • v1.0.9
      • 50.02
      • Published

      react-fast-and-lazy

      React lazy loading container which does not break performance

      • v1.0.6
      • 49.90
      • Published

      react-window-infinite-loader

      InfiniteLoader component inspired by react-virtualized but for use with react-window

      • v1.0.10
      • 49.67
      • Published

      react-spinner-overlay

      A collection of react loading spinners and loading spinners' overlays

      • v0.1.33
      • 49.59
      • Published

      react-player

      A React component for playing a variety of URLs, including file paths, Mux, YouTube, Vimeo, and Wistia

      • v3.3.2
      • 49.36
      • Published

      react-promise-tracker

      Simple React Promise tracker Hook/HOC helper to add loading spinner indicators

      • v2.1.1
      • 49.32
      • Published

      next-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.

      • v1.2.7
      • 48.91
      • Published

      spin-delay

      Smart spinner helper for React, to manage the duration of loading states.

      • v2.0.1
      • 48.77
      • Published

      lazy-react

      components to lazy load iframes, images and images as backgrounds

      • v3.6.1
      • 48.74
      • Published

      react-plotly.js

      A plotly.js react component from Plotly

      • v2.6.0
      • 48.50
      • Published

      apollo-client

      A simple yet functional GraphQL client.

      • v2.6.10
      • 48.47
      • Published

      mui-lazy-tree-view

      Encapsulation of [@mui/x-tree-view](https://github.com/bigrivi/mui-x/tree/next/packages/x-tree-view) package

      • v1.0.5
      • 48.46
      • Published

      async-selector-kit

      An opinionated API to simplify using async-selector

      • v3.0.2
      • 48.36
      • Published

      use-image

      Custom React Hook for loading images.

      • v1.1.4
      • 47.73
      • Published

      react-to-print

      Print React components in the browser

      • v3.1.1
      • 47.49
      • Published

      pinar

      Customizable, lightweight React Native carousel component with accessibility support

      • v0.12.2
      • 46.99
      • Published

      @tracetail/react

      React hooks for TraceTail enterprise browser fingerprinting with over 99.5% accuracy. TypeScript support and React 18 compatibility.

      • v2.3.3
      • 46.80
      • Published

      react-component-lazy

      A lightweight libraries using IntersectionObserver for lazyload your Components, Images or anything.

        • v1.3.3
        • 46.02
        • Published

        react-redux-loading

        Unmaintained fork of react-redux-loading-bar to avoid any breaking changes.

        • v4.6.1
        • 45.76
        • Published

        vite-preload

        Speed up your Vite application by preloading server rendered lazy modules and stylesheets as early as possible

        • v1.0.5
        • 45.26
        • Published

        single-spa

        The router for easy microfrontends

        • v6.0.3
        • 45.26
        • Published

        @uploadcare/react-widget

        React File Uploader. React component with uploading from multiple sources

        • v3.0.0
        • 45.00
        • Published

        @feature-hub/core

        Create scalable web applications using micro frontends.

        • v3.7.0
        • 44.85
        • Published

        react-loading-hook

        Async loading and error state management hook for TypeScript and JavaScript React applications

        • v1.1.2
        • 44.79
        • Published

        react-lazy-media

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

        • v0.3.1
        • 44.33
        • Published

        lazy-route

        Lazy / async route loading for React Router 4

        • v1.0.7
        • 43.62
        • Published

        nuqs

        Type-safe search params state manager for React - Like useState, but stored in the URL query string

        • v2.5.1
        • 43.52
        • Published

        react-lazy-load-16

        Simple lazy loading component built with react 16

        • v3.0.13
        • 43.42
        • Published

        @sanity/preview-kit

        General purpose utils for live content and visual editing

        • v6.1.3
        • 43.41
        • Published

        axios-progress-bar

        Slim progress bar (NProgress) for Web applications that use Axios library for HTTP requests.

        • v1.2.0
        • 43.07
        • Published

        react-portal

        To make your life with React Portals easier.

        • v4.3.0
        • 42.76
        • Published

        @moontra/moonui-pro

        Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components

        • v2.24.4
        • 42.68
        • Published

        mithril-resolver

        A React-Resolver-esque Higher Order Component for the Mithril VDOM library to write universal/isomorphic lazy-loading views

        • v0.0.13
        • 42.55
        • Published

        react-placeholder

        A React component to easily replicate your page with nice placeholders while the content is loading

        • v4.1.0
        • 42.42
        • Published

        react-share

        Social media share buttons and share counts for React.

        • v5.2.2
        • 42.18
        • Published

        react-async-script-dyn-loader

        A decorator for script lazy loading on react component with script url calculation through function

        • v0.2.4
        • 42.17
        • Published

        suspend-react

        Integrate React Suspense into your apps

        • v0.1.3
        • 42.11
        • Published

        react-redux-async

        Load react components and redux reducers asynchronously. Useful for code splitting and lazy loading.

        • v0.0.2
        • 42.11
        • Published

        react-use-img

        A hook for lazy loading images in React

        • v1.0.0
        • 41.89
        • Published

        rxdb-hooks

        React hooks for integrating with RxDB

        • v5.0.2
        • 41.87
        • Published

        @ronchalant/react-loading-overlay

        Loading overlays with fade, spinner, message support. Updated for compatibility with React 17. Forked from https://github.com/derrickpelletier/react-loading-overlay - which does not appear to be maintained at this point.

        • v1.1.0
        • 41.83
        • Published

        react-graceful-image

        An image component for gracefully dealing with images errors by providing a placeholder and retries on failure

        • v1.5.0
        • 41.60
        • Published

        react-lazy-load-x

        Simple lazy loading component built with react /w extended functionality

        • v3.2.2
        • 41.32
        • Published

        react-progressive-loader

        Utility to load images and React components progressively, and get code splitting for free

        • v0.4.3
        • 41.09
        • Published

        react-component-lazy-loader

        A package which lazily loads it's children components based on viewport visibility of the component. Useful in lazyloading images or any other custom component.

        • v1.1.3
        • 40.92
        • Published

        @agney/react-loading

        <h2 align="center">React Loading</h2> <p align="center"> Simple and Accessible loading indicators with React. <br /> <br /> <a href="https://www.npmjs.com/package/@agney/react-loading"> <img src="https://badge.fury.io/js/%40agney%2Freact-loading.svg" />

        • v0.1.2
        • 40.92
        • Published

        unicornstudio-react

        React component for embedding Unicorn.Studio interactive scenes with TypeScript support. Compatible with React (Vite) and Next.js.

        • v1.4.29-1
        • 40.85
        • Published

        react-linkify

        React component to parse links (urls, emails, etc.) in text into clickable links

        • v1.0.0-alpha
        • 40.80
        • Published

        react-frontload

        Simple full stack data loading for React

        • v2.0.0
        • 40.71
        • Published

        @midudev/react-progressive-hydration

        Server Side Rendering for a component and skip the hydration step on the client but, as soon as it appears on the viewport, then hydrate it. Useful for list of items.

          • v2.0.2
          • 40.54
          • Published

          found

          Extensible route-based routing for React applications

          • v1.3.0
          • 40.50
          • Published

          @orpc/react-query

          <div align="center"> <image align="center" src="https://orpc.unnoq.com/logo.webp" width=280 alt="oRPC logo" /> </div>

          • v1.8.5
          • 40.27
          • Published

          react-router-loading

          Wrapper for react-router that allows you to load data before switching the screen

          • v1.0.2
          • 40.26
          • Published

          react-svgmt

          Convenient SVG loading and manipulation from react

          • v3.0.0
          • 40.24
          • Published

          react-youtube

          React.js powered YouTube player component

          • v10.1.0
          • 39.88
          • Published

          react-loader

          React component that displays a spinner via spin.js until your component is loaded

          • v2.4.7
          • 39.80
          • Published

          react-teleporter

          Teleport React components in the same React tree.

          • v3.2.0
          • 39.35
          • Published

          react-adaptive-hooks

          Give users a great experience best suited to their device and network constraints

          • v0.0.8
          • 39.13
          • Published

          @expo/browser-polyfill

          Browser polyfill for making React Native compatible with web libs like pixi.js, three.js, phaser.js

          • v1.0.1
          • 38.89
          • Published

          react-sounds

          A library of ready-to-play sound effects for React applications.

          • v1.0.25
          • 38.70
          • Published

          react-live-chat-loader

          Implement live chat in your react app without taking a performance hit.

          • v2.11.0
          • 38.64
          • Published

          mantine-datatable

          The lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data r

          • v8.2.0
          • 38.63
          • Published

          react-loading-overlay-nextgen

          Loading overlays with fade, spinner, message support. Updated for compatibility with React 17. Forked from https://github.com/derrickpelletier/react-loading-overlay - which does not appear to be maintained at this point.

          • v1.2.9
          • 38.54
          • Published

          @nehaakram12/image-lazy-loader

          React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images

          • v1.2.9
          • 38.26
          • Published

          react-shimmer

          React Image (Suspense-like) Loader component that simulates a shimmer effect

          • v3.2.0
          • 38.14
          • Published

          @orpc/react

          <div align="center"> <image align="center" src="https://orpc.unnoq.com/logo.webp" width=280 alt="oRPC logo" /> </div>

          • v1.8.5
          • 38.13
          • Published

          @14islands/r3f-scroll-rig

          Progressively enhance any React website with WebGL using @react-three/fiber

          • v8.15.0
          • 37.90
          • Published

          @obelism/react-svg

          A performant way to load and show SVG in React applications

          • v2.1.2
          • 37.80
          • Published

          @mrcgonlop/watermelondb

          Build powerful React Native and React web apps that scale from hundreds to tens of thousands of records and remain fast

          • v0.27.1
          • 37.43
          • Published

          react-loading-animation

          A pretty loading spinner based on Google's colorful spinner animation.

          • v1.4.0
          • 37.06
          • Published

          react-spinner

          Zero configuration loading spinner.

          • v0.2.7
          • 36.32
          • Published

          hightable

          A dynamic windowed scrolling table component for react

          • v0.19.1
          • 36.27
          • Published

          bee-loading

          Loading ui component for react

          • v3.0.1
          • 36.16
          • Published

          react-cloudimage-responsive-blur-hash

          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 blur hash placeholder.

          • v1.6.10
          • 36.10
          • Published

          legit-react

          an img tag, with built in lazy loading

          • v0.0.1
          • 35.87
          • Published

          react-spa-prerender

          React library for prerendering static pages, optimize SEO and web performance

          • v1.0.14
          • 35.84
          • Published

          holy-loader

          Holy Loader is a lightweight, customizable top-loading progress bar component for React applications.

          • v2.3.13
          • 35.59
          • Published

          mui-downshift

          Thin layer over paypal's [downshift](https://github.com/paypal/downshift) to use [Material-UI 1.0](http://material-ui-next.com) visual components

          • v1.4.2
          • 35.52
          • Published

          ismounted

          React hook to check if the component is still mounted

          • v0.1.8
          • 35.38
          • Published

          @naisutech/react-tree

          a hierarchical tree component for React written in Typescript

          • v3.1.0
          • 35.35
          • Published

          react-cache-buster

          This package allows clients to automatically check the new version when a new version is released in the production environment, and if a new version is published, clearing the cache and reload the page.

          • v0.1.8
          • 35.24
          • Published

          @zenithui/light-box

          A Light Box is React component that displays a light box with a content area and a close button from the ZenithUI ecosystem.

          • v1.1.1
          • 35.07
          • Published

          react-loading-indicator

          A loading indicator written purely in React that uses SVG and no images

          • v1.0.2
          • 34.96
          • Published

          react-iframe

          Easy peasy lemon squeezy iframes with react

          • v1.8.5
          • 34.88
          • Published

          react-icon-cloud

          A React component for rendering an interactive img or word cloud on canvas

          • v4.1.7
          • 34.56
          • Published

          loading-points

          React loading points component with the color and size you want

          • v1.1.0
          • 34.30
          • Published

          better-react-spinkit

          A collection of loading indicators animated with CSS for React

          • v2.0.4
          • 34.08
          • Published

          redux-harmony

          Bring harmony to your redux actions.

          • v1.0.1
          • 33.61
          • Published

          react-ladda

          React wrapper for Ladda buttons

          • v6.0.0
          • 33.51
          • Published

          fixed-data-table-2

          A React table component designed to allow presenting thousands of rows of data.

          • v2.0.21
          • 33.32
          • Published

          tanstack-shadcn-table

          A powerful, feature-rich React table component built on top of TanStack Table v8 with shadcn/ui styling. Optimized bundle size with 55% reduction through peer dependencies.

          • v1.0.3
          • 33.23
          • Published

          react-blurish-image

          A lightweight, optimized React image component with blur placeholders and lazy loading

          • v1.0.0
          • 33.15
          • Published

          react-element-spinner

          An npm package that provides a spinner to block elements.

          • v1.0.4
          • 33.02
          • Published

          image-lazy-customer

          React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images

          • v0.0.1
          • 32.96
          • Published

          @rocketsofawesome/mirage

          [Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)

          • v0.2.0
          • 32.91
          • Published

          react-awesome-loaders

          High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.

          • v0.1.37
          • 32.85
          • Published

          vanilla-calendar-pro

          The Vanilla Calendar Pro is a versatile JavaScript date and time picker component with TypeScript support, making it compatible with any JavaScript frameworks and libraries. It is designed to be lightweight, easy to use, and feature-rich, without relying

          • v3.0.5
          • 32.82
          • Published

          react-lazy-named

          React lazy() with named imports - exports support

          • v1.2.2
          • 32.73
          • Published