gatsby-background-image

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

v1.6.0 URL: https://unpkg.com/gatsby-background-image@1.6.0/index.js

Open Browse Files

gatsby gatsby-component gatsby-image background-image backgroundImage background image react-component

@mediamonks/image-effect-renderer

The image-effect-renderer is a lightweight package that allows you to run WebGL fragment shaders in your website using WebGL. It can be used to apply effects to HTML images or video sources. Zero dependencies.

v2.4.1 URL: https://unpkg.com/@mediamonks/image-effect-renderer@2.4.1/image-effect-renderer.umd.cjs

Open Browse Files

fragment shader webgl image video effect shadertoy glsl shader oneshader

react-progressive-image-loading

Progressively load images using a blur effect. Edit

v3.0.3 URL: https://unpkg.com/react-progressive-image-loading@3.0.3/build/index.js

Open Browse Files

react image progressive image loading

jquery-parallax.js

Simple parallax scrolling effect inspired by spotify.com implemented as a jQuery plugin

v1.5.0 URL: https://unpkg.com/jquery-parallax.js@1.5.0/parallax.min.js

Open Browse Files

parallax scroll scrolling image

object-fit-cover

A polyfill for the background-image cover effect combined with responsive image behaviour with the `<img>` or `<picture>` element.

v1.0.4 URL: https://unpkg.com/object-fit-cover@1.0.4/objectfitcover.js

Open Browse Files

object-fit responsive images srcset picture picturefill polyfill image respimg background-size: cover cover