Image processing

12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.

• @jsquash/webpWasm webp encoder and decoder supporting the browser. Repackaged from Squoosh App.
• tiny-svgA minimal toolbelt for builing fast SVG-based applications
• filepondFilePond, Where files go to stretch their bits.
• diagram-jsA toolbox for displaying and modifying diagrams on the web
• hast-util-classnameshast utility to merge class names together
• dom-to-image-moreGenerates an image from a DOM node using HTML5 canvas and SVG
• svg2pdf.jsA javascript-only SVG to PDF conversion utility that runs in the browser leveraging jsPDF
• image-typeDetect the image type of an ArrayBuffer/Uint8Array
• filestack-jsOfficial JavaScript library for Filestack
• term-imgDisplay images in terminals using the iTerm inline image protocol
• react-d3-treeReact component to create interactive D3 tree hierarchies
• gatsby-plugin-sharpWrapper of the Sharp image manipulation library for Gatsby plugins
• qr-imageQR Code generator (png, svg, pdf, eps)
• @jsquash/pngWasm png encoder and decoder supporting the browser. Repackaged from Squoosh App.
• svg-sprite-loaderWebpack loader for creating SVG sprites
• exif-jsJavaScript library for reading EXIF image metadata
• cloudinary-coreCloudinary Client Side JS library. Cloudinary streamlines your web application’s image manipulation needs. Cloudinary's cloud-based servers automate image uploading, resizing, cropping, optimizing, sprite generation and more.
• cwebp-bincwebp wrapper that makes it seamlessly available as a local dependency
• react-native-image-crop-pickerSelect single or multiple images, with cropping option
• imagemin-webpWebP imagemin plugin
• svg-inline-loaderCleans up and inlines your SVG files into Webpack module.
• get-pixelsReads the pixels of an image as an ndarray
• png-asyncA simple and non-blocking PNG encoder / decoder.
• is-cwebp-readableCheck if a Buffer/Uint8Array is available for cwebp image source
• react-native-compressorCompress Image, Video, and Audio same like Whatsapp & Auto/Manual Compression | Background Upload | Download File | Create Video Thumbnail
• mathjaxBeautiful and accessible math in all browsers. MathJax is an open-source JavaScript display engine for LaTeX, MathML, and AsciiMath notation that works in all browsers. This package includes the packaged components (install mathjax-full to get the source
• get-orientationGet orientation from image file
• tiptap-extension-resize-imageA tiptap image resizing extension for React, Vue, Next, and VanillaJS. Additionally, it can align the image position.
• @swimlane/ngx-chartsDeclarative Charting Framework for Angular
• react-imageReact Image is an <img> tag replacement for react, featuring preloader and multiple image fallback support
• @cronvel/get-pixelsPruned version of the 'get-pixels' package by Mikola Lysenko (only node.js and local fs files)
• react-filepondA handy FilePond adapter component for React
• @cropper/utilsA series of common constants and utility functions for Cropper.
• exif-readerA small EXIF image metadata reader
• @cropper/element-imageA custom image element for the Cropper.
• piexifjsRead and write exif.
• react-native-fast-image🚩 FastImage, performant React Native image component.
• panzoomExtensible, mobile friendly pan and zoom framework (supports DOM and SVG).
• decode-tiffLightweight tiff decoder
• img-diff-jsLibrary to compare 2 images
• @jsquash/jpegWasm jpeg encoder and decoder supporting the browser. Repackaged from Squoosh App.
• react-image-file-resizerReact module that can rescaled local images. You can change image's width, height, format, rotation and quality. It returns resized image's new base64 URI or Blob. The URI can be used as the source of an <Image> component.
• vue-inline-svgReplace SVG images with inline SVG element
• sharp-phashsharp based perceptual hash implementation
• imagescriptzero-dependency javascript image manipulation
• @napi-rs/imageImage processing library
• dotted-mapCreate a SVG map filled with dots for the world or countries
• @jsquash/avifWasm AVIF encoder and decoder supporting the browser. Repackaged from Squoosh App.
• @napi-rs/image-linux-x64-gnuImage processing library
• @antv/x6JavaScript diagramming library that uses SVG and HTML for rendering

• html-to-image vs dom-to-image
• canvg vs dom-to-image
• d3 vs echarts
• canvg vs html-to-image
• canvg vs zrender
• react-d3-tree vs @swimlane/ngx-charts
• d3 vs react-d3-tree
• html-to-image vs node-vibrant
• d3 vs @swimlane/ngx-charts
• animejs vs svg.js
• zrender vs dom-to-image
• html-to-image vs zrender
• node-vibrant vs dom-to-image
• react-svg vs dom-to-image-more
• dom-to-image vs panzoom
• html-to-image vs panzoom
• echarts vs @swimlane/ngx-charts