Web Image OpenSource List

ImageView

• supersized

• lazysizes : High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more

• imagehover.css

• freezeframe.js : 控制暂停与播放

• Instagram.css : Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only.

Gif

• image-diff: Create image differential between two images.

• gif.js: JavaScript GIF encoder that runs in your browser.

• gifshot: JavaScript library that can create animated GIFs from media streams, videos, or images

Crop & Compression | 裁剪与压缩

• 2017-Cropper : 基于 jQuery 的图片裁剪工具

• react-image-crop: An image cropping tool for React with no dependencies.

• 2018-Pica : Resize image in browser with high quality and high speed

• 2018-Squoosh : Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors.

• 2017-react-imgpro : Image Processing Component for React.

Carousel

• 2022-Embla Carousel : Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It’s library agnostic, dependency free and 100% open source. Build awesome carousels by extending Embla Carousel with your own CSS and JavaScript.

Color

• 2021-fast-average-color : A simple library that calculates average or dominant color of any images or videos in browser environment.