JSPM

Found 1849 results for background image

gatsby-background-image

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

  • v1.6.0
  • 217.91
  • Published

react-native-compressor

Compress Image, Video, and Audio same like Whatsapp & Auto/Manual Compression | Background Upload | Download File | Create Video Thumbnail

  • v2.0.2
  • 203.43
  • Published

astro-lqip

🖼️ Native extended Astro components for generating low-quality image placeholders (LQIP), compatible with `<Image>`, `<Picture>` and CSS background images.

  • v1.8.4
  • 148.48
  • Published

image-preload

Simple, framework-agnostic image preloader. Async, sync, background, foreground, whatever!

  • v1.0.6
  • 134.83
  • Published

image-download

Download an image from the given URL

  • v2.1.0
  • 133.73
  • Published

color-change

设置图片颜色, 图片颜色获取 | Set image color, Get image color

  • v1.1.4
  • 120.48
  • Published

gatsby-background-image-es5

Lazy-loading React background-image component with optional support for the blur-up effect. Transpiled to ES5.

  • v1.6.0
  • 111.06
  • Published

image-to-theme-colors

Compose accessible UI themes (article body/card + affirmation overlays) from any image

    • v4.2.1
    • 105.77
    • Published

    @sunnysideup/stretched-bg-image

    NPM package - adds a stretched (filling) BG image to any html element where you add the 'stretched-bg-image' class

    • v6.0.0
    • 101.29
    • Published

    react-background-image-loader

    This package allows you to display a placeholder image while the actual background image loads

    • v0.0.5
    • 100.26
    • Published

    @tsparticles/confetti

    tsParticles confetti bundle — easily create confetti, confetti cannon, confetti explosions, confetti falling, and confetti parade animations with presets. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact,

    • v4.3.1
    • 90.54
    • Published

    @eisberg-labs/next-image-section

    Image as background, React section with lazy loaded nextjs image as background and tailwind compatible

    • v4.0.2
    • 88.70
    • Published

    @tsparticles/angular

    Official tsParticles Angular Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and

    • v4.3.1
    • 88.24
    • Published

    midori-bg

    Animated image backgrounds

    • v1.0.3
    • 88.06
    • Published

    gatsby-image-background-slider

    Lazy-loaded background images, with a simple fade transition between them, using gatsby-image. Inspired by react-background-slider, except for—well—the obvious.

    • v0.0.4
    • 87.22
    • Published

    cytoscape-canvas-underlay

    Cytoscape.js plugin for rendering image/PDF canvas underlay behind graph nodes with synchronized zoom and pan

      • v1.4.1
      • 87.18
      • Published

      laziest-image

      The image loader to give you full control over image load.

      • v1.0.2
      • 86.66
      • Published

      picturefill-background

      A Responsive Images approach like Picturefill but managing a picture on background-image css attribute.

      • v1.0.3
      • 85.82
      • Published

      background-image-gallery

      A JavaScript background gallery that fades from one image to the next.

      • v2.0.0
      • 85.78
      • Published

      ditherwave

      A tiny WebGL2 dithering primitive for React — wrap any image, video, or canvas, or drop in an animated grainy background.

      • v0.1.0
      • 84.75
      • Published

      expo-privacy-image

      Overlays a privacy image on the screen when the app goes to the background.

      • v1.0.5
      • 84.39
      • Published

      autocrop-js

      Node.js utility that crops the transparent background of an image

      • v0.2.0
      • 79.37
      • Published

      workbox-background-sync

      Queues failed requests and uses the Background Sync API to replay them when the network is available

      • v7.4.1
      • 75.13
      • Published

      image-luminosity

      Check luminosity/brightness of an image

      • v0.1.1
      • 73.89
      • Published

      gbimage-bridge

      Backports the new `gatsbyImageData` type to the classic form.

      • v0.2.2
      • 72.32
      • Published

      material-image

      Generate random material design background image.

      • v0.2.5
      • 71.96
      • Published

      jquery-lazy

      Lazy is a fast, feature-rich and lightweight delayed content loading plugin for jQuery and Zepto. It's designed to speed up page loading times and decrease traffic to your users by only loading the content in view.

      • v1.7.11
      • 71.33
      • Published

      jquery-prefetch

      Prefetch is a lightweight image, list and background preloader for jQuery. Just give them a list of images or elements and the plugin will load every image for you.

      • v0.1.4
      • 67.22
      • Published

      @tsparticles/all

      All-inclusive tsParticles bundle — all engine packages, plugins, interactions, presets, shapes, updaters, effects, paths, emitters, sounds, and palettes in one dependency. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte,

      • v4.3.1
      • 66.31
      • Published

      @tsparticles/engine

      Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

      • v4.3.1
      • 65.70
      • Published

      @tsparticles/svelte

      Official tsParticles Svelte Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and

      • v4.3.1
      • 65.58
      • Published

      @tsparticles/particles

      Minimal tsParticles particles bundle — lightweight particle engine without confetti or fireworks extras. Perfect for pure particle backgrounds. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, In

      • v4.3.1
      • 65.38
      • Published

      @tsparticles/vue2

      Official tsParticles Vue.js 2.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 3.x,

      • v4.3.1
      • 65.08
      • Published

      @tsparticles/slim

      Slim tsParticles bundle — core engine with essential plugins, presets, and interactions for lightweight particle animations. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

      • v4.3.1
      • 64.83
      • Published

      @tsparticles/basic

      Basic tsParticles bundle — minimal core engine with only the essential features for fast, lightweight particle animations. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

      • v4.3.1
      • 64.81
      • Published

      @tsparticles/fireworks

      tsParticles fireworks bundle — easily create spectacular fireworks and fountain particle effects with built-in presets. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

      • v4.3.1
      • 64.74
      • Published

      mesh-gradient-ts

      A lightweight and customizable mesh gradient animation (or static image) generator for web applications. With configurable colors, movements and effects.

      • v1.0.6
      • 64.51
      • Published

      @autobg/unocss

      Set the width and height of elements based on the background image

      • v1.5.0
      • 64.40
      • Published

      eager-image-loader

      The eager-loading for image files on the web page that loads the files according to your plan. This differs from the lazy-loading, for example, this can be used to avoid that the user waits for the loading.

      • v1.0.1
      • 64.05
      • Published

      celery-node

      celery written in nodejs

      • v0.5.9
      • 63.99
      • Published

      tsparticles

      Full-featured tsParticles bundle — create stunning particle, confetti and fireworks animations with all official plugins and presets included. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inf

      • v4.3.1
      • 63.85
      • Published

      @tsparticles/ribbons

      tsParticles ribbons bundle — easily create animated ribbons, ribbon bursts and ribbon falling effects. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

      • v4.3.1
      • 63.58
      • Published

      himawari-bg

      Set the latest image from Himawari 8 as your desktop background.

      • v2.0.2
      • 63.31
      • Published

      webworkify

      launch a web worker that can require() in the browser with browserify

      • v1.5.0
      • 63.05
      • Published

      react-users-avatar

      Avatar component for react with image and without image, With title For example Full name

      • v0.0.10
      • 63.00
      • Published

      expo-task-manager

      Expo module that provides support for tasks that can run in the background.

      • v57.0.2
      • 62.88
      • Published

      removebg-id

      Remove your image in package removebg

      • v2.0.1
      • 62.75
      • Published

      @tsparticles/vue3

      Official tsParticles Vue.js 3.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 2.x,

      • v4.3.1
      • 62.25
      • Published

      @leonardorick/three-lavalamp-background

      |example| |--| |<img width="779" alt="image" src="https://github.com/LeonardoRick/three-lavalamp/assets/17517057/9c36b467-579b-47af-a244-f65dd71a704b">|

        • v0.0.54
        • 61.40
        • Published

        @autobg/postcss

        Set the width and height of elements based on the background image

        • v1.5.0
        • 61.34
        • Published

        jiale-mr

        Jia Le's Mascot Background Randomizer x Custom Image Randomiser

        • v1.1.0
        • 61.30
        • Published

        @autobg/babel.macro

        Set the width and height of elements based on the background image

        • v1.5.0
        • 60.98
        • Published

        gradient-transition

        A JavaScript library to smoothly animate background-image gradients.

        • v0.0.7
        • 60.80
        • Published

        expo-background-task

        Expo Android and iOS module for Background Task APIs

        • v57.0.2
        • 58.68
        • Published

        avif-in-css

        PostCSS plugin to use AVIF image format in CSS background

        • v0.2.3
        • 58.68
        • Published

        gatsby-background-image-preact

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

        • v1.1.2-alpha.1
        • 58.42
        • Published

        geopattern

        Generate beautiful SVG patterns

        • v1.2.3
        • 58.34
        • Published

        tailwindcss-dotted-background

        A simple Tailwind CSS plugin that adds dotted backgrounds with all for all configured colors and spacing.

        • v1.1.0
        • 57.11
        • Published

        @react-native-ohos/react-native-compressor

        Compress Image, Video, and Audio same like Whatsapp & Auto/Manual Compression | Background Upload | Download File | Create Video Thumbnail

        • v1.16.1-beta.2
        • 56.92
        • Published

        hyper-random-image

        change background-image on every activation of hyper.js

          • v1.1.1
          • 56.83
          • Published

          ansicolor

          A JavaScript ANSI color/style management. ANSI parsing. ANSI to CSS. Small, clean, no dependencies.

          • v2.0.3
          • 56.58
          • Published

          jarallax

          Smooth parallax scrolling effect for background images, videos and inline elements. Code in pure JavaScript with NO dependencies + jQuery supported. Youtube, Vimeo and Local Videos parallax supported.

          • v3.0.1
          • 56.45
          • Published

          ascii-image-bg

          Animated ASCII-art background for React, rendered live from any image (SVG, PNG, JPEG, and more). Cursor-erase interactivity, reduced-motion aware, zero runtime dependencies.

          • v0.1.0
          • 55.70
          • Published

          gatsby-background-image-es5-preact

          (preact-fork) Lazy-loading React background-image component with optional support for the blur-up effect. Transpiled to ES5.

          • v1.1.2-alpha.1
          • 55.51
          • Published

          masked-background-image

          Adds a background image to an element, with a generated mask in mask-image style property. Used for applying css effects on images with opaque backgrounds.

          • v1.0.1
          • 55.47
          • Published

          bcat.bgswitcher

          jQuery plugin that makes it possible to use many heavier images as full screen background slider or image slider, while minimizing their influence on load times.

          • v2.2.1
          • 55.43
          • Published

          webworkify-webpack

          launch a web worker at runtime that can require() in the browser with webpack

          • v2.1.5
          • 54.41
          • Published

          ng-simple-avatar

          Simple yet configurable avatar component with image, initials, dynamic background and fallback system

          • v2.0.2
          • 54.35
          • Published

          ngx-img-crossfader

          A simple to use, cross-browser compatible image crossfader Angular component.

          • v1.0.1
          • 52.64
          • Published

          goodbackground.js

          Very simple modern JavaScript improver for your background image.

          • v2.0.2
          • 52.46
          • Published

          react-native-background-geolocation

          The most sophisticated cross-platform background location-tracking & geofencing module with battery-conscious motion-detection intelligence

          • v5.2.0
          • 52.29
          • Published

          core_d

          Offload your heavy lifting to a daemon

          • v6.1.1
          • 52.02
          • Published

          jquery.ripples

          Add a water ripple effect to background images using WebGL.

          • v0.6.3
          • 51.87
          • Published

          himawari-bg-mac

          Set the latest image from Himawari 8 as your desktop background.

          • v1.6.0
          • 51.74
          • Published

          react-preload-background

          This package allows you to display a placeholder image while the actual background image loads

          • v0.0.2
          • 51.71
          • Published

          @prescott/geo-pattern

          Create beautiful generative geometric background images from a string.

          • v1.0.1
          • 50.60
          • Published

          @tarragon/squarify-image

          [![Build Status][build-shield]]() [![MIT License][license-shield]][license-url] [![Contributors][contributors-shield]]() <img src="https://img.badgesize.io/shreya0712/squarify-image/master/build/index.js.gz?style=for-the-badge&compression=gzip&label=gzip+

            • v1.0.3
            • 50.11
            • Published

            vanta

            3D animated backgrounds for your website

            • v0.5.24
            • 50.07
            • Published

            react-native-compressor-aharwood9

            Compress Image, Video, and Audio same like Whatsapp & Auto/Manual Compression | Background Upload | Download File | Create Video Thumbnail

            • v1.12.0
            • 49.84
            • Published

            quicklink

            Faster subsequent page-loads by prefetching in-viewport links during idle time

            • v3.0.1
            • 49.66
            • Published

            image-block

            Robot-friendly background-size: cover.

            • v1.0.14
            • 49.42
            • Published

            webext-bridge

            Messaging in Web Extensions made easy. Out of the box.

            • v6.0.1
            • 48.73
            • Published

            jquery-focuspoint

            jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.

            • v1.1.3
            • 48.58
            • Published

            node-resque

            an opinionated implementation of resque in node

            • v9.7.0
            • 48.40
            • Published

            center-bg

            Set any size image to div background with center alignment

            • v1.0.2
            • 48.05
            • Published

            css-urlbase64

            a tool to conver the url in css background-image to base64

              • v0.1.1
              • 48.01
              • Published

              font-color-contrast

              JavaScript module to use black or white font according to the given background color

              • v11.1.0
              • 47.93
              • Published

              @koale/useworker

              useWorker() - Web worker using React hook

              • v4.1.2
              • 47.68
              • Published

              @visakov.dev/react-native-compressor

              Compress Image, Video, and Audio same like Whatsapp & Auto/Manual Compression | Background Upload | Download File | Create Video Thumbnail

              • v1.9.2
              • 47.48
              • Published

              webgl-fluid-enhanced

              WebGL Fluid Simulation for modern webpages (works even on mobile)

              • v0.8.0
              • 47.46
              • 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
              • 47.39
              • Published

              main-thread-scheduling

              Fast and consistently responsive apps using a single function call

              • v14.3.0
              • 47.18
              • Published

              marker-map

              Marker Map is simple dynamic place marker by position to image and support responsive.

              • v0.2.0
              • 46.95
              • Published

              faktory-worker

              A faktory worker framework for node apps

              • v4.7.1
              • 46.88
              • Published

              autobg-macro.macro

              a babel macro which can auto-generate background-image, width, height CSS code based on the given image path, usually used with `styled-components`

              • v1.0.1
              • 46.73
              • Published

              wallpaper

              Manage the desktop wallpaper

              • v7.3.1
              • 46.60
              • Published

              webp-in-css

              PostCSS plugin and tiny JS script (175 bytes) to use WebP in CSS background

              • v0.9.0
              • 45.98
              • Published

              contrast-color

              Determines the best contrast color to use. Give it a background color and it returns a foreground color (black or white by default but customizable).

              • v1.0.1
              • 45.97
              • Published

              svelte-fluid

              Fluid simulation for Svelte 5. Six WebGL components and fourteen presets for backgrounds, reveals, distortion, sticky text, and flow demos.

              • v0.7.0
              • 45.25
              • Published

              @mustmove/react-native-compressor

              Compress Image, Video, and Audio same like Whatsapp & Auto/Manual Compression | Background Upload | Download File | Create Video Thumbnail

              • v1.9.0
              • 44.98
              • Published

              contrast

              Determine if the given color is light or dark

              • v1.0.1
              • 44.32
              • Published

              postcss-short-color

              Define background-color within the color property in CSS

              • v4.0.0
              • 43.30
              • Published

              @capgo/background-geolocation

              Accurate background geolocation and native geofencing for Capacitor apps on iOS and Android.

              • v8.3.0
              • 42.97
              • Published

              @tsparticles/pjs

              tsParticles particles.js compatibility layer — drop-in replacement for particles.js with full API compatibility and enhanced features. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

              • v4.3.1
              • 42.82
              • Published

              ololog

              Logging. Colors. Terminals & browsers. Show call locations. Pretty prints objects, Errors, anything!

              • v1.1.175
              • 42.54
              • Published

              @wj2025/css-webp-plugin

              Webpack plugin that injects WebP background-image rules based on Modernizr style .webp/.no-webp classes.

              • v1.0.2
              • 41.86
              • Published

              @bevry/ansi

              ANSI colors and styles for Deno, Node.js, JavaScript, and TypeScript

              • v6.10.0
              • 41.53
              • Published