JSPM

Found 151165 results for react lazy loading

@qwik.dev/partytown

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

  • v0.11.2
  • 64.12
  • Published

react-img-component

A responsive lazy-loading image component for React

    • v1.0.3
    • 63.44
    • Published

    react-youtube-lazyload

    A blazing fast YouTube embed component that supports lazy loading

    • v0.2.5
    • 63.06
    • Published

    lazy-child

    React component that renders its child when it enters the viewport

    • v0.3.1
    • 62.61
    • Published

    react-loading-icons

    React implementation of the SVG Loaders library by Sam Herbert

    • v1.1.0
    • 62.52
    • Published

    react-vanilla-lazyload

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

    • v1.0.4
    • 62.28
    • Published

    zenui-image-react

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

    • v1.0.0
    • 60.37
    • 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.70
    • Published

    react-spinners

    A collection of react loading spinners

    • v0.17.0
    • 58.51
    • Published

    react-safe-lazy

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

    • v0.1.0
    • 58.48
    • 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.57
    • Published

    gatsby-plugin-sanity-image

    Gatsby plugin providing easy responsive behavior for Sanity-hosted images

    • v0.13.5
    • 57.23
    • Published

    react-spreadsheet-grid

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

    • v2.3.1
    • 56.93
    • Published

    @unpic/react

    React component for responsive, high-performance images

    • v1.0.1
    • 56.29
    • Published

    @chakra-ui/image

    React component for progressive image loading

    • v2.1.0
    • 56.08
    • Published

    ink-spinner

    Spinner component for Ink

    • v5.0.0
    • 55.93
    • Published

    awesome-image-viewer

    React, Angular, Vue, and Typescript compatible image viewer

    • v1.0.60
    • 55.72
    • Published

    react-alice-carousel

    React image gallery, react slideshow carousel, react content rotator

    • v2.9.1
    • 55.17
    • Published

    react-script-hook

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

    • v1.7.2
    • 54.50
    • 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.27
    • 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.11
    • Published

    react-with-dynamic

    Improved lazy loading in React with suspense and error boundary

    • v0.0.7
    • 53.90
    • Published

    react-content-loader

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

    • v7.1.1
    • 53.56
    • Published

    rrgenius

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

    • v1.0.197
    • 53.55
    • Published

    next-optimized-images

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

    • v2.6.2
    • 52.89
    • 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.43
    • Published

    react-diff-view

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

    • v3.3.2
    • 51.84
    • Published

    react-lazy-fastdom

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

    • v4.1.0
    • 50.98
    • Published

    material-ui-image

    Material style image with loading animation

    • v3.3.2
    • 50.58
    • Published

    react-wait

    Complex Loader Management for React Applications

    • v0.3.0
    • 50.56
    • Published

    react-async-script

    A composition mixin for loading scripts asynchronously for React

    • v1.2.0
    • 50.50
    • Published

    mui-image

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

    • v1.0.9
    • 50.36
    • Published

    react-window-infinite-loader

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

    • v1.0.10
    • 49.87
    • Published

    react-fast-and-lazy

    React lazy loading container which does not break performance

    • v1.0.6
    • 49.82
    • Published

    react-player

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

    • v3.3.2
    • 49.68
    • Published

    react-spinner-overlay

    A collection of react loading spinners and loading spinners' overlays

    • v0.1.33
    • 49.51
    • Published

    react-promise-tracker

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

    • v2.1.1
    • 49.37
    • Published

    spin-delay

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

    • v2.0.1
    • 48.91
    • Published

    apollo-client

    A simple yet functional GraphQL client.

    • v2.6.10
    • 48.84
    • Published

    lazy-react

    components to lazy load iframes, images and images as backgrounds

    • v3.6.1
    • 48.83
    • Published

    react-plotly.js

    A plotly.js react component from Plotly

    • v2.6.0
    • 48.79
    • 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.70
    • Published

    async-selector-kit

    An opinionated API to simplify using async-selector

    • v3.0.2
    • 48.58
    • 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.42
    • Published

    use-image

    Custom React Hook for loading images.

    • v1.1.4
    • 48.17
    • Published

    react-to-print

    Print React components in the browser

    • v3.1.1
    • 47.92
    • Published

    pinar

    Customizable, lightweight React Native carousel component with accessibility support

    • v0.12.2
    • 47.29
    • 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.91
    • Published

    react-component-lazy

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

      • v1.3.3
      • 46.09
      • Published

      single-spa

      The router for easy microfrontends

      • v6.0.3
      • 45.78
      • Published

      react-redux-loading

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

      • v4.6.1
      • 45.70
      • Published

      @uploadcare/react-widget

      React File Uploader. React component with uploading from multiple sources

      • v3.0.0
      • 45.40
      • Published

      vite-preload

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

      • v1.0.5
      • 45.37
      • Published

      @feature-hub/core

      Create scalable web applications using micro frontends.

      • v3.7.0
      • 45.03
      • 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
      • 44.98
      • Published

      react-loading-hook

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

      • v1.1.2
      • 44.73
      • Published

      react-lazy-media

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

      • v0.3.1
      • 44.39
      • Published

      nuqs

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

      • v2.5.2
      • 43.91
      • Published

      lazy-route

      Lazy / async route loading for React Router 4

      • v1.0.7
      • 43.68
      • Published

      @sanity/preview-kit

      General purpose utils for live content and visual editing

      • v6.1.3
      • 43.58
      • Published

      react-lazy-load-16

      Simple lazy loading component built with react 16

      • v3.0.13
      • 43.39
      • Published

      axios-progress-bar

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

      • v1.2.0
      • 43.10
      • Published

      react-portal

      To make your life with React Portals easier.

      • v4.3.0
      • 43.03
      • Published

      react-placeholder

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

      • v4.1.0
      • 42.64
      • Published

      react-share

      Social media share buttons and share counts for React.

      • v5.2.2
      • 42.50
      • 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.46
      • Published

      suspend-react

      Integrate React Suspense into your apps

      • v0.1.3
      • 42.45
      • Published

      rxdb-hooks

      React hooks for integrating with RxDB

      • v5.0.2
      • 42.22
      • 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.06
      • Published

      react-redux-async

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

      • v0.0.2
      • 41.99
      • 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.79
      • Published

      react-use-img

      A hook for lazy loading images in React

      • v1.0.0
      • 41.79
      • 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.75
      • Published

      react-lazy-load-x

      Simple lazy loading component built with react /w extended functionality

      • v3.2.2
      • 41.31
      • 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
        • 41.19
        • Published

        react-progressive-loader

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

        • v0.4.3
        • 41.13
        • Published

        react-linkify

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

        • v1.0.0-alpha
        • 41.10
        • Published

        react-frontload

        Simple full stack data loading for React

        • v2.0.0
        • 40.99
        • 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.96
        • 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.84
        • Published

        found

        Extensible route-based routing for React applications

        • v1.3.0
        • 40.59
        • 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.53
        • Published

        react-svgmt

        Convenient SVG loading and manipulation from react

        • v3.0.0
        • 40.50
        • Published

        react-router-loading

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

        • v1.0.2
        • 40.20
        • Published

        react-youtube

        React.js powered YouTube player component

        • v10.1.0
        • 40.08
        • Published

        react-loader

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

        • v2.4.7
        • 40.02
        • Published

        react-adaptive-hooks

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

        • v0.0.8
        • 39.81
        • Published

        react-teleporter

        Teleport React components in the same React tree.

        • v3.2.0
        • 39.33
        • Published

        @expo/browser-polyfill

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

        • v1.0.1
        • 39.10
        • 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.97
        • Published

        react-sounds

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

        • v1.0.25
        • 38.94
        • Published

        react-live-chat-loader

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

        • v2.11.0
        • 38.78
        • 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.50
        • 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.47
        • 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.23
        • Published

        react-shimmer

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

        • v3.2.0
        • 38.22
        • Published

        @14islands/r3f-scroll-rig

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

        • v8.15.0
        • 38.16
        • 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
        • 38.06
        • Published

        @obelism/react-svg

        A performant way to load and show SVG in React applications

        • v2.1.2
        • 38.02
        • Published

        react-loading-animation

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

        • v1.4.0
        • 37.07
        • Published

        react-spinner

        Zero configuration loading spinner.

        • v0.2.7
        • 36.54
        • Published

        @moontra/moonui-pro

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

        • v2.25.0
        • 36.52
        • 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
        • 36.46
        • Published

        bee-loading

        Loading ui component for react

        • v3.0.1
        • 36.10
        • Published

        react-spa-prerender

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

        • v1.0.14
        • 36.09
        • 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
        • 35.94
        • Published

        holy-loader

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

        • v2.3.13
        • 35.87
        • Published

        legit-react

        an img tag, with built in lazy loading

        • v0.0.1
        • 35.78
        • Published

        hightable

        A dynamic windowed scrolling table component for react

        • v0.19.1
        • 35.77
        • Published

        ismounted

        React hook to check if the component is still mounted

        • v0.1.8
        • 35.52
        • 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.31
        • Published

        react-iframe

        Easy peasy lemon squeezy iframes with react

        • v1.8.5
        • 35.02
        • Published

        react-loading-indicator

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

        • v1.0.2
        • 34.97
        • Published

        react-icon-cloud

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

        • v4.1.7
        • 34.65
        • Published

        better-react-spinkit

        A collection of loading indicators animated with CSS for React

        • v2.0.4
        • 34.37
        • Published

        loading-points

        React loading points component with the color and size you want

        • v1.1.0
        • 34.26
        • Published

        react-ladda

        React wrapper for Ladda buttons

        • v6.0.0
        • 33.79
        • Published

        fixed-data-table-2

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

        • v2.0.21
        • 33.69
        • Published

        redux-harmony

        Bring harmony to your redux actions.

        • v1.0.1
        • 33.61
        • 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.50
        • 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
        • 33.34
        • 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
        • 33.16
        • Published

        react-blurish-image

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

        • v1.0.0
        • 33.13
        • Published

        react-element-spinner

        An npm package that provides a spinner to block elements.

        • v1.0.4
        • 33.10
        • 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.93
        • 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.84
        • Published

        react-grecaptcha

        React.js Google reCAPTCHA v2 integration component.

        • v1.2.5
        • 32.84
        • Published

        vite-react-ssg

        Static-site generation for React on Vite.

        • v0.8.8
        • 32.81
        • Published

        react-say

        A React component that synthesis text into speech using Web Speech API

        • v2.2.0
        • 32.74
        • Published

        react-lazy-named

        React lazy() with named imports - exports support

        • v1.2.2
        • 32.74
        • Published

        react-select-virtualized

        Select virtualized component using: react-select v4 + react-virtualized + react hooks

        • v5.6.0
        • 32.63
        • Published

        react-loading-io

        CSS-only spinners of loading.io for React

        • v2.2.1
        • 32.57
        • Published

        react-slidy

        🍃 React Slidy - Minimalistic and smooth touch slider component for React ⚛️

        • v4.3.3
        • 32.50
        • Published

        @rocketsofawesome/mirage

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

        • v0.2.0
        • 32.48
        • Published

        rift-router

        Blazing Fast and Lightweight router for React Based on state first.

        • v1.5.0
        • 32.47
        • Published

        react-async

        React component for declarative promise resolution and data fetching

        • v10.0.1
        • 32.46
        • Published

        react-dyn-tabs

        React dynamic tabs with full API

        • v6.2.2
        • 32.36
        • Published

        react-waterfall-render

        Renders nested React components with asynchronous cached loading; useful for GraphQL clients and server side rendering.

        • v5.0.0
        • 32.35
        • Published

        react-hover-video-player

        React component which manages playing a video when the user hovers over it and pausing when they stop.

        • v10.0.2
        • 32.08
        • Published

        react-spinkit

        A collection of loading indicators animated with CSS for React

        • v3.0.0
        • 32.07
        • Published

        redux-dynamic-modules

        Modularize the redux app by dynamically loading reducers, state and sagas

        • v5.2.3
        • 32.02
        • Published

        react-socks

        React library to render components only on specific viewports

        • v2.2.0
        • 32.01
        • Published

        assets-loading-tracker

        A zero-config React hook to automatically track and display loading progress for images, videos, audios, and fonts with TypeScript support.

        • v1.1.10
        • 31.77
        • Published

        react-dynamic-loadable

        A higher order component for loading components with dynamic imports.

        • v3.0.0
        • 31.76
        • Published

        x-axios-progress-bar

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

        • v1.2.2
        • 31.76
        • Published

        @mux/mux-video-react

        A custom mux video element for React that Just Works™

        • v0.26.1
        • 31.74
        • Published

        react-lazy-render

        Lazy render for (very) large lists of data

        • v0.3.0
        • 31.73
        • Published

        react-cloudimage-responsive-plain

        Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique.

        • v2.0.2
        • 31.49
        • Published

        react-hoax

        Idiomatic resourceful context

        • v2.0.3-dev.3
        • 31.48
        • Published

        react-native-modal-filter-picker

        Cross-platform modal picker for React Native which supports keyword filtering, custom rendering, etc

        • v2.1.0
        • 31.14
        • Published

        react-image-lazy-load

        React Image Lazy Load plug-in with loader/placeholder image option - Forked from react-lazy-load plug-in - https://github.com/loktar00/react-lazy-load

        • v1.3.0
        • 31.09
        • Published

        @grevzi/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-upgrade.1.0.0
        • 31.03
        • Published

        use-image-color

        Grab color palette from any image using React hooks

          • v0.0.9
          • 30.92
          • Published

          react-image-grid-gallery

          A simple image gallery with lightbox for displaying a grid of images in React apps

          • v3.1.2
          • 30.91
          • Published

          react-script-loader-hoc

          A higher-order React component that assists in the asynchronous loading of third party JS libraries (eg. Stripe.js)

          • v1.2.2
          • 30.88
          • Published