10 Best JavaScript Image Manipulation Libraries
List hand-picked by Openbase ExpertsLearn More
List hand-picked by Openbase Experts
sharp
High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
Apache-2.0
TypeScript Definitions: DefinitelyTyped
GitHub Stars
22.3K
Weekly Downloads
1.8M
Last Commit
2mos ago
User Rating
4.8/ 5
42Top Feedback
7Easy to Use
6Great Documentation
6Performant
gatsby-image
Build blazing fast, modern apps and websites with React
MIT
TypeScript Definitions: Not Found
Deprecated
GitHub Stars
52.9K
Weekly Downloads
153K
Last Commit
3mos ago
User Rating
4.3/ 5
12Top Feedback
10Easy to Use
9Performant
7Great Documentation
cropperjs
JavaScript image cropper.
MIT
TypeScript Definitions: Built-In
GitHub Stars
10.6K
Weekly Downloads
440K
Last Commit
3mos ago
User Rating
5.0/ 5
6Top Feedback
2Great Documentation
2Highly Customizable
1Easy to Use
ngx-image-compress
Angular library for uploading and compressing images
MIT
TypeScript Definitions: Built-In
GitHub Stars
63
Weekly Downloads
10.8K
Last Commit
2mos ago
User Rating
5.0/ 5
1Top Feedback
canvacord
Simple & easy to use image manipulation module for beginners.
GPL-3.0
TypeScript Definitions: Built-In
GitHub Stars
155
Weekly Downloads
16.8K
Last Commit
6mos ago
User Rating
5.0/ 5
2Top Feedback
1Easy to Use
react-easy-crop
A React component to crop images/videos with easy interactions
MIT
TypeScript Definitions: Built-In
GitHub Stars
1.5K
Weekly Downloads
161K
Last Commit
2mos ago
User Rating
4.5/ 5
2Top Feedback
tui-image-editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
MIT
TypeScript Definitions: Not Found
GitHub Stars
5.1K
Weekly Downloads
17.4K
Last Commit
3mos ago
User Rating
5.0/ 5
1Top Feedback
ngx-image-cropper
An image cropper for Angular
MIT
TypeScript Definitions: Built-In
GitHub Stars
643
Weekly Downloads
85K
Last Commit
1mo ago
User Rating
4.5/ 5
2Top Feedback
2Great Documentation
2Easy to Use
2Performant
react-avatar-editor
Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.
MIT
TypeScript Definitions: DefinitelyTyped
GitHub Stars
1.9K
Weekly Downloads
113K
Last Commit
20d ago
User Rating
5.0/ 5
1Top Feedback
@toast-ui/react-image-editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
MIT
TypeScript Definitions: Not Found
GitHub Stars
5.1K
Weekly Downloads
4.7K
Last Commit
3mos ago
User Rating
5.0/ 5
1Top Feedback
antd-img-crop
🔪 An image cropper for Ant Design Upload
MIT
TypeScript Definitions: Built-In
GitHub Stars
311
Weekly Downloads
28.8K
Last Commit
4mos ago
User Rating
4.5/ 5
2Top Feedback
2Easy to Use
react-cropper
Cropperjs as React component
MIT
TypeScript Definitions: Built-In
GitHub Stars
1.7K
Weekly Downloads
107K
Last Commit
7mos ago
User Rating
4.5/ 5
2Top Feedback
1Great Documentation
react-native-image-crop-picker
iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping
MIT
TypeScript Definitions: Built-In
GitHub Stars
5.4K
Weekly Downloads
103K
Last Commit
3mos ago
User Rating
4.5/ 5
4Top Feedback
4Great Documentation
3Easy to Use
1Performant
react-native-photo-manipulator
Image processing library to edit photo programmatically in React Native. It can print text, overlay other image (add watermark), resize, crop and optimize image size, convert format to jpeg or png
MIT
TypeScript Definitions: Built-In
GitHub Stars
190
Weekly Downloads
2.7K
Last Commit
7mos ago
User Rating
5.0/ 5
1Top Feedback
1Easy to Use
1Performant
1Highly Customizable
jimp
An image processing library written entirely in JavaScript for Node, with zero external or native dependencies.
MIT
TypeScript Definitions: Built-In
GitHub Stars
12K
Weekly Downloads
1.5M
Last Commit
1yr ago
User Rating
4.5/ 5
11Top Feedback
5Easy to Use
3Slow
2Great Documentation
next-optimized-images
🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).
MIT
TypeScript Definitions: Not Found
GitHub Stars
2K
Weekly Downloads
69.1K
Last Commit
2yrs ago
User Rating
5.0/ 5
1Top Feedback
vue-cropperjs
A Vue wrapper component for cropperjs https://github.com/fengyuanchen/cropperjs
MIT
TypeScript Definitions: DefinitelyTyped
GitHub Stars
805
Weekly Downloads
47.5K
Last Commit
1yr ago
User Rating
5.0/ 5
1Top Feedback
gatsby-plugin-sharp
Build blazing fast, modern apps and websites with React
MIT
TypeScript Definitions: Not Found
GitHub Stars
52.9K
Weekly Downloads
283K
Last Commit
3mos ago
gatsby-transformer-sharp
Build blazing fast, modern apps and websites with React
MIT
TypeScript Definitions: Not Found
GitHub Stars
52.9K
Weekly Downloads
251K
Last Commit
3mos ago
gatsby-plugin-image
Build blazing fast, modern apps and websites with React
MIT
TypeScript Definitions: Built-In
GitHub Stars
52.9K
Weekly Downloads
180K
Last Commit
3mos ago
expo-image-manipulator
An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.
MIT
TypeScript Definitions: Built-In
GitHub Stars
16.5K
Weekly Downloads
28.2K
Last Commit
3mos ago
gatsby-remark-images
Build blazing fast, modern apps and websites with React
MIT
TypeScript Definitions: Not Found
GitHub Stars
52.9K
Weekly Downloads
60.1K
Last Commit
3mos ago
caman
Javascript HTML5 (Ca)nvas (Man)ipulation
Unknown
TypeScript Definitions: Not Found
GitHub Stars
3.5K
Weekly Downloads
291
Last Commit
2yrs ago
User Rating
5.0/ 5
1Top Feedback
react-native-image-resizer
🗻 Resize local images with React Native
MIT
TypeScript Definitions: Built-In
GitHub Stars
1.3K
Weekly Downloads
44.8K
Last Commit
1yr ago
User Rating
3.5/ 5
2Top Feedback
1Easy to Use
filterous
Instagram-like photo manipulation library for Node.js and Javascript on browser
MIT
TypeScript Definitions: Not Found
GitHub Stars
173
Weekly Downloads
18
Last Commit
5yrs ago
User Rating
5.0/ 5
1Top Feedback
ngx-image-drawing
Angular module to draw on images
MIT
TypeScript Definitions: Built-In
GitHub Stars
42
Weekly Downloads
375
Last Commit
2yrs ago
User Rating
4.0/ 5
1Top Feedback
react-image-crop
A responsive image cropping tool for React
ISC
TypeScript Definitions: Built-In
GitHub Stars
3.1K
Weekly Downloads
307K
Last Commit
3mos ago
User Rating
Top Feedback
1Great Documentation
1Easy to Use
1Performant
dumcanvas
Powerful image manipulation tool to manipulate images easily.
ISC
TypeScript Definitions: Not Found
GitHub Stars
41
Weekly Downloads
11
Last Commit
2yrs ago
User Rating
4.0/ 5
1Top Feedback
1Great Documentation
1Easy to Use
pica
Resize image in browser with high quality and high speed
MIT
TypeScript Definitions: DefinitelyTyped
GitHub Stars
3.1K
Weekly Downloads
43.6K
Last Commit
4mos ago
@imgix/gatsby
A simple yet powerful integration between Gatsby and Imgix
BSD-2-Clause
TypeScript Definitions: Built-In
GitHub Stars
30
Weekly Downloads
8.2K
Last Commit
4mos ago
express-sharp
🏞 Real-time image processing for your express application.
MIT
TypeScript Definitions: Built-In
GitHub Stars
109
Weekly Downloads
932
Last Commit
5mos ago
vue-advanced-cropper
The advanced vue cropper library that gives you opportunity to create your own croppers suited for any website design
MIT
TypeScript Definitions: Built-In
GitHub Stars
542
Weekly Downloads
32.4K
Last Commit
3mos ago
react-image-file-resizer
Resize Local Images with React 🌄 🌅
MIT
TypeScript Definitions: Built-In
GitHub Stars
204
Weekly Downloads
52.4K
Last Commit
1yr ago
react-avatar-edit
👤 Load, crop & preview avatar with React
MIT
TypeScript Definitions: Built-In
GitHub Stars
460
Weekly Downloads
10.4K
Last Commit
1mo ago
image-js
Image processing and manipulation in JavaScript
MIT
TypeScript Definitions: Built-In
GitHub Stars
394
Weekly Downloads
8.2K
Last Commit
2mos ago
ng2-img-cropper
Angular 2 Image Cropper
MIT
TypeScript Definitions: Not Found
GitHub Stars
370
Weekly Downloads
3K
Last Commit
4yrs ago
User Rating
1.5/ 5
2Top Feedback
1Poor Documentation
1Hard to Use
cloudinary_js
Cloudinary JavaScript library
MIT
TypeScript Definitions: DefinitelyTyped
GitHub Stars
321
Weekly Downloads
2.5K
Last Commit
3mos ago
react-native-color-matrix-image-filters
Various color matrix based image filters for iOS & Android
MIT
TypeScript Definitions: Built-In
GitHub Stars
248
Weekly Downloads
13.2K
Last Commit
3mos ago
express-processimage
Express middleware that processes served images according to the query string
BSD-3-Clause
TypeScript Definitions: DefinitelyTyped
GitHub Stars
53
Weekly Downloads
694
Last Commit
1mo ago
react-cloudimage-responsive
Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load. Any questions or issues, please report to https://github.com/scaleflex/react-cloudimage-responsive/issues
MIT
TypeScript Definitions: Built-In
GitHub Stars
40
Weekly Downloads
484
Last Commit
3mos ago
pngjs-image
JavaScript-based PNG image encoder, decoder, and manipulator
MIT
TypeScript Definitions: Not Found
GitHub Stars
94
Weekly Downloads
87K
Last Commit
6yrs ago
croppie
A Javascript Image Cropper
MIT
TypeScript Definitions: DefinitelyTyped
GitHub Stars
2.4K
Weekly Downloads
83.7K
Last Commit
2yrs ago
looks-same
Node.js library for comparing images
MIT
TypeScript Definitions: Built-In
GitHub Stars
449
Weekly Downloads
48.5K
Last Commit
1yr ago
ng2-img-max
Angular 2 module to resize images down to a certain width and height or to reduce the quality to fit a certain maximal filesize - all in the browser.
MIT
TypeScript Definitions: Built-In
GitHub Stars
85
Weekly Downloads
2.7K
Last Commit
3mos ago
vue-croppie
Vue wrapper for croppie
MIT
TypeScript Definitions: Not Found
GitHub Stars
239
Weekly Downloads
9.3K
Last Commit
7mos ago
sharpie
A simple express middleware for resizing images using sharp and pipes
MIT
TypeScript Definitions: DefinitelyTyped
GitHub Stars
4
Weekly Downloads
139
Last Commit
4mos ago
imagizer
JavaScript library for image manipulation
Unknown
TypeScript Definitions: Not Found
GitHub Stars
1
Weekly Downloads
21
Last Commit
8mos ago
gatsby-remark-relative-images
Convert markdown image src(s) to be relative for gatsby-remark-images.
0BSD
TypeScript Definitions: Not Found
GitHub Stars
78
Weekly Downloads
16.9K
Last Commit
2yrs ago
vue-croppa
A simple straightforward customizable mobile-friendly image cropper for Vue 2.0.
ISC
TypeScript Definitions: Not Found
GitHub Stars
957
Weekly Downloads
16.5K
Last Commit
3yrs ago
@react-native-community/image-editor
React Native Image Editing native modules for iOS & Android
MIT
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
12.1K
Last Commit