10 Best JavaScript Image Manipulation Libraries

List hand-picked by Openbase Experts
Learn More

sha

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 Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
22.3K
Weekly Downloads
1.8M
Last Commit
2mos ago
User Rating
4.8/ 5
42
Top Feedback
7Easy to Use
6Great Documentation
6Performant

gatsby-image

Build blazing fast, modern apps and websites with React

MIT
TypeScript Icon
TypeScript Definitions: Not Found
TypeScript Icon
Deprecated
GitHub Stars
52.9K
Weekly Downloads
153K
Last Commit
3mos ago
User Rating
4.3/ 5
12
Top Feedback
10Easy to Use
9Performant
7Great Documentation
cro

cropperjs

JavaScript image cropper.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
10.6K
Weekly Downloads
440K
Last Commit
3mos ago
User Rating
5.0/ 5
6
Top Feedback
2Great Documentation
2Highly Customizable
1Easy to Use
nic

ngx-image-compress

Angular library for uploading and compressing images

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
63
Weekly Downloads
10.8K
Last Commit
2mos ago
User Rating
5.0/ 5
1
Top Feedback

canvacord

Simple & easy to use image manipulation module for beginners.

GPL-3.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
155
Weekly Downloads
16.8K
Last Commit
6mos ago
User Rating
5.0/ 5
2
Top Feedback
1Easy to Use
rec

react-easy-crop

A React component to crop images/videos with easy interactions

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.5K
Weekly Downloads
161K
Last Commit
2mos ago
User Rating
4.5/ 5
2
Top Feedback

tui-image-editor

🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
5.1K
Weekly Downloads
17.4K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback
nic

ngx-image-cropper

An image cropper for Angular

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
643
Weekly Downloads
85K
Last Commit
1mo ago
User Rating
4.5/ 5
2
Top Feedback
2Great Documentation
2Easy to Use
2Performant
rae

react-avatar-editor

Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
1.9K
Weekly Downloads
113K
Last Commit
20d ago
User Rating
5.0/ 5
1
Top 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 Icon
TypeScript Definitions: Not Found
GitHub Stars
5.1K
Weekly Downloads
4.7K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback
aic

antd-img-crop

🔪 An image cropper for Ant Design Upload

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
311
Weekly Downloads
28.8K
Last Commit
4mos ago
User Rating
4.5/ 5
2
Top Feedback
2Easy to Use

react-cropper

Cropperjs as React component

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.7K
Weekly Downloads
107K
Last Commit
7mos ago
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
rni

react-native-image-crop-picker

iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.4K
Weekly Downloads
103K
Last Commit
3mos ago
User Rating
4.5/ 5
4
Top Feedback
4Great Documentation
3Easy to Use
1Performant
rnp

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 Icon
TypeScript Definitions: Built-In
GitHub Stars
190
Weekly Downloads
2.7K
Last Commit
7mos ago
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Performant
1Highly Customizable
jim

jimp

An image processing library written entirely in JavaScript for Node, with zero external or native dependencies.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
12K
Weekly Downloads
1.5M
Last Commit
1yr ago
User Rating
4.5/ 5
11
Top Feedback
5Easy to Use
3Slow
2Great Documentation
noi

next-optimized-images

🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
2K
Weekly Downloads
69.1K
Last Commit
2yrs ago
User Rating
5.0/ 5
1
Top Feedback
vc

vue-cropperjs

A Vue wrapper component for cropperjs https://github.com/fengyuanchen/cropperjs

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
805
Weekly Downloads
47.5K
Last Commit
1yr ago
User Rating
5.0/ 5
1
Top Feedback

gatsby-plugin-sharp

Build blazing fast, modern apps and websites with React

MIT
TypeScript Icon
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 Icon
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 Icon
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 Icon
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 Icon
TypeScript Definitions: Not Found
GitHub Stars
52.9K
Weekly Downloads
60.1K
Last Commit
3mos ago
cam

caman

Javascript HTML5 (Ca)nvas (Man)ipulation

Unknown
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
3.5K
Weekly Downloads
291
Last Commit
2yrs ago
User Rating
5.0/ 5
1
Top Feedback

react-native-image-resizer

🗻 Resize local images with React Native

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.3K
Weekly Downloads
44.8K
Last Commit
1yr ago
User Rating
3.5/ 5
2
Top Feedback
1Easy to Use
fil

filterous

Instagram-like photo manipulation library for Node.js and Javascript on browser

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
173
Weekly Downloads
18
Last Commit
5yrs ago
User Rating
5.0/ 5
1
Top Feedback

ngx-image-drawing

Angular module to draw on images

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
42
Weekly Downloads
375
Last Commit
2yrs ago
User Rating
4.0/ 5
1
Top Feedback
ric

react-image-crop

A responsive image cropping tool for React

ISC
TypeScript Icon
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
dum

dumcanvas

Powerful image manipulation tool to manipulate images easily.

ISC
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
41
Weekly Downloads
11
Last Commit
2yrs ago
User Rating
4.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use

pica

Resize image in browser with high quality and high speed

MIT
TypeScript Icon
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 Icon
TypeScript Definitions: Built-In
GitHub Stars
30
Weekly Downloads
8.2K
Last Commit
4mos ago
es

express-sharp

🏞 Real-time image processing for your express application.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
109
Weekly Downloads
932
Last Commit
5mos ago
vac

vue-advanced-cropper

The advanced vue cropper library that gives you opportunity to create your own croppers suited for any website design

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
542
Weekly Downloads
32.4K
Last Commit
3mos ago
rif

react-image-file-resizer

Resize Local Images with React 🌄 🌅

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
204
Weekly Downloads
52.4K
Last Commit
1yr ago
rae

react-avatar-edit

👤 Load, crop & preview avatar with React

MIT
TypeScript Icon
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 Icon
TypeScript Definitions: Built-In
GitHub Stars
394
Weekly Downloads
8.2K
Last Commit
2mos ago
nic

ng2-img-cropper

Angular 2 Image Cropper

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
370
Weekly Downloads
3K
Last Commit
4yrs ago
User Rating
1.5/ 5
2
Top Feedback
1Poor Documentation
1Hard to Use

cloudinary_js

Cloudinary JavaScript library

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
321
Weekly Downloads
2.5K
Last Commit
3mos ago
rnc

react-native-color-matrix-image-filters

Various color matrix based image filters for iOS & Android

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
248
Weekly Downloads
13.2K
Last Commit
3mos ago
ep

express-processimage

Express middleware that processes served images according to the query string

BSD-3-Clause
TypeScript Icon
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 Icon
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 Icon
TypeScript Definitions: Not Found
GitHub Stars
94
Weekly Downloads
87K
Last Commit
6yrs ago

croppie

A Javascript Image Cropper

MIT
TypeScript Icon
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 Icon
TypeScript Definitions: Built-In
GitHub Stars
449
Weekly Downloads
48.5K
Last Commit
1yr ago
nim

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 Icon
TypeScript Definitions: Built-In
GitHub Stars
85
Weekly Downloads
2.7K
Last Commit
3mos ago
vc

vue-croppie

Vue wrapper for croppie

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
239
Weekly Downloads
9.3K
Last Commit
7mos ago
sha

sharpie

A simple express middleware for resizing images using sharp and pipes

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
4
Weekly Downloads
139
Last Commit
4mos ago
ima

imagizer

JavaScript library for image manipulation

Unknown
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1
Weekly Downloads
21
Last Commit
8mos ago
grr

gatsby-remark-relative-images

Convert markdown image src(s) to be relative for gatsby-remark-images.

0BSD
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
78
Weekly Downloads
16.9K
Last Commit
2yrs ago
vc

vue-croppa

A simple straightforward customizable mobile-friendly image cropper for Vue 2.0.

ISC
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
957
Weekly Downloads
16.5K
Last Commit
3yrs ago
ie

@react-native-community/image-editor

React Native Image Editing native modules for iOS & Android

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
12.1K
Last Commit