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.
Image
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.
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.
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.
Replace Emojis with Crisp SVG Images with Nomoji JS Library
A zero-dependency JavaScript library that replaces native emojis with Google’s Noto Emoji SVGs for consistent rendering.