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.

• ngx-img-fallbackAngular5+ directive for image fallback
• react-trendreact-trend React component
• @jsquash/jxlWasm JPEG XL encoder and decoder supporting the browser. Repackaged from Squoosh App.
• @nktkas/bmpA fast, lightweight, zero-dependency BMP image encoder/decoder written in pure JavaScript.
• merge-imgMerge multiple images into a single image
• react-native-auto-height-imagereact-native auto height image
• @south-paw/react-vector-mapsA React component for interactive vector maps of the world and 100+ countries
• @cf-wasm/pngA simple wasm png encoder/decoder module for cloudflare workers
• @happyvertical/smrt-imagesImage asset management with AI-powered categorization, search, editing, and metadata extraction for SMRT framework
• @json-render/imageImage renderer for @json-render/core. JSON becomes SVG and PNG images via Satori.
• easyimageA promise-based, user-friendly module for processing images in Node.js
• britechartsD3.js based Modular Charting Library by Eventbrite
• htmlcleanSimple and safety HTML/SVG cleaner to minify without changing its structure.
• react-image-turntableDisplay a set of images as a draggable 360 degree turntable.
• pptx-glimpseHigh-level PPTX rendering and editing toolkit for SVG/PNG output in Node.js and the browser.
• react-filesA file input (dropzone) management component for React
• @documenso/skia-canvasA multi-threaded, GPU-accelerated, Canvas API for Node
• @delicious-simplicity/next-image-contentful-loaderA comprehensive [Contentful](https://www.contentful.com/developers/docs/references/images-api) image loader for the [Next.js Image component](https://nextjs.org/docs/api-reference/next/image).
• body-musclesInteractive SVG body map with 70+ muscles, intensity visualization, and zero dependencies. Works with React, Vue, Svelte, or vanilla JS.
• d3-svg-to-pngConverts SVG elements to PNG and other image formats while keeping CSS styles
• @napi-rs/image-linux-arm64-muslImage processing library
• @amazon-devices/react-native-fast-image🚩 FastImage, performant React Native image component.
• sqipA SVG-based LQIP image placeholder generator
• jquery.flowchartJQuery UI plugin that allows you to draw a flow chart.
• js-aruco2JavaScript porting of the ArUco library supporting multiple dictionaries including ARUCO_MIP_36h12 and custom dictionaries for augmented reality marker detection
• image-validatorA small and simple utility package that can validate any kind of image. It can detect corrupt files, or invalid image urls
• jspngoptPNG optimizer, similar to optipng
• qrimznSimple image processing and modifying library with limited functionality
• texturesSVG patterns for Data Visualization
• cwebpnode.js wrapper for cwebp and dwebp binaries from WebP image processing utility
• jquery.panzoomA jQuery plugin to pan and/or zoom elements using CSS3
• retinajs[](https://badge.fury.io/js/retinajs) [](https://github.com/prettier/prettier) [![Commitizen friendly](https://img.sh
• vue3-zoomerA Vue 3 component for zooming images.
• graphdraculaJavaScript Graph Layouting and Drawing
• nccnode-chrome-canvas | a simple to use and performant HTML5 canvas for Node.js
• ink-pictureBetter image component for Ink CLI/TUIs
• blobsRandom blob generation and animation
• nuxt-svg-loader[](https://npmjs.com/package/nuxt-svg-loader) [](https://npmjs.com/package/nuxt-s
• instagram-url-directGet direct url to download from Instagram media links
• get-pixels-graphiteReads the pixels of an image as an ndarray
• zoomingImage zoom that makes sense.
• @meistrari/file-typeDetect the file type of a file, stream, or data
• rickshaw JavaScript toolkit for creating interactive real-time graphs
• qreatorQR Code generator for browser and node.js with tree shaking and logo support
• @sayknow-cli/nativesNative Rust bindings for grep, clipboard, image processing, syntax highlighting, PTY, and shell operations via N-API
• react-image-webpReact component for check browser support format webp and insert if supported webp image.
• react-smooth-imageSmooth loading non-bouncing images for react that just work
• validate-image-typeCheck the image file of a Buffer/Uint8Array that matched expected image MIME-type.
• canvas-prebuiltPrebuilt versions of node-canvas as a drop-in replacement
• jsmindjsMind is a pure javascript library for mindmap, it base on html5 canvas. jsMind was released under BSD license, you can embed it in any project, if only you observe the license.

• 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