360º Product View In JavaScript – js-cloudimage-360-view
A vanilla JavaScript image viewer library which brings a great 360º viewing experience to your products.
Image
Touch-friendly Image Comparison Slider In Vanilla JS – before-after.js
Yet another JavaScript before/after image comparison library that works both on desktop and mobile.
Add Film Grain & Noise Textures to Images and Backgrounds with Pixlated Web Components
Add customizable film grain and noise textures to images and backgrounds with Pixlated’s native web components. Built on Canvas API.
Drag To Move & Mouse Wheel To Zoom Library – wheel-zoom
wheel-zoom is a vanilla JavaScript zoom & pan library which applies drag to move and mouse wheel to zoom functionalities on the image within a container.
Multi-Stage Image Comparison Carousel with CSS Scroll-timeline
Implement a multi-step image comparison carousel. It synchronizes image reveals, 3D flips, and progress counters directly to the user’s scroll position.
Accessible GIF Image Player In Vanilla JavaScript – Gifa11y
A Vanilla JavaScript library that adds configurable, accessible play/pause buttons to animated Gif/WebP images.
Natural HTML5 Canvas Drawing and Handwriting Library – Atrament
A lightweight JavaScript library for smooth, natural drawing on HTML5 canvas. Supports pressure sensitivity, stroke recording, and multiple modes.
Image Blur Reveal Effect with JavaScript & CSS3
Interactive blur reveal effect following mouse movement. Vanilla JS with CSS clip-path. Click to expand reveal radius. No libraries needed.
Lightweight & Performant Image Size Detection Library – image-dimensions
Extract image dimensions by reading minimal bytes. Zero dependencies. Supports PNG, JPEG, GIF, WebP, AVIF, HEIC. Works in browsers and Node.js.
Save SVG Data To A File Using the svg-export JavaScript library
A vanilla JavaScript library that exports and saves SVG data embedded in the document as Image, PDF, or SVG file.