JS Before/After Image Comparison Slider with Touch Support
A responsive before/after image comparison component built with vanilla JS and CSS clip-path. Supports mouse drag, touch gestures, and full keyboard accessibility.
Image
Create Unique SVG Avatars in JavaScript – boring-avatars-vanilla
A vanilla JS library that generates unique, SVG-based avatars from any username and color palette. Six visual variants, browser and Node.js ready.
Interactive Image Viewer with HTML Maps – Panelize
A vanilla JS library that pans and zooms HTML image map areas with CSS transform and custom controls.
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.
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.
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.