10 Best JavaScript Image Viewer Libraries

List hand-picked by Openbase Experts
Learn More

rig

react-image-gallery

React carousel image gallery component with thumbnail support ๐Ÿ–ผ

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
3.1K
Weekly Downloads
113K
Last Commit
8mos ago
User Rating
4.8/ 5
6
Top Feedback
7Great Documentation
4Highly Customizable
3Easy to Use
lig

lightgallery

A customizable, modular, responsive, lightbox gallery plugin.

GPLv3
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.1K
Weekly Downloads
37.1K
Last Commit
16d ago
User Rating
4.2/ 5
6
Top Feedback
1Easy to Use
1Highly Customizable
1Buggy
vie

viewerjs

JavaScript image viewer.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
6.4K
Weekly Downloads
42.6K
Last Commit
4mos ago
User Rating
5.0/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
vv

v-viewer

Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.9K
Weekly Downloads
20.8K
Last Commit
4mos ago
User Rating
5.0/ 5
1
Top Feedback

cornerstone-core

JavaScript library to display interactive medical images including but not limited to DICOM

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
1.8K
Weekly Downloads
9.2K
Last Commit
6mos ago
User Rating
5.0/ 5
2
Top Feedback
rim

react-image-magnify

A responsive image zoom component designed for shopping sites.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
497
Weekly Downloads
34.6K
Last Commit
4yrs ago
User Rating
5.0/ 5
2
Top Feedback
1Easy to Use
pho

photoswipe

JavaScript image gallery for mobile and desktop, modular, framework independent

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
21.8K
Weekly Downloads
111K
Last Commit
3mos ago
User Rating
4.3/ 5
20
Top Feedback
2Great Documentation
2Performant
1Easy to Use
rpg

react-photo-gallery

React Photo Gallery

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.7K
Weekly Downloads
16.7K
Last Commit
3yrs ago
User Rating
5.0/ 5
2
Top Feedback
lj

lightgallery.js

Full featured JavaScript image & video gallery. No dependencies

GPLv3
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
5.2K
Weekly Downloads
11.9K
Last Commit
1yr ago
User Rating
5.0/ 5
1
Top Feedback
1Performant
1Highly Customizable
1Responsive Maintainers
nii

ngx-ionic-image-viewer

An Ionic 4 Angular component to view & zoom on images and photos without any additional dependencies.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
TypeScript Icon
Deprecated
GitHub Stars
129
Weekly Downloads
1.6K
Last Commit
4mos ago
User Rating
5.0/ 5
2
Top Feedback
ivv

ice-vue-viewer

Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.9K
Weekly Downloads
7
Last Commit
4mos ago
User Rating
5.0/ 5
2
Top Feedback

react-native-image-gallery

Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind

ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
586
Weekly Downloads
3.1K
Last Commit
User Rating
5.0/ 5
2
Top Feedback

vue-gallery-slideshow

๐Ÿ–ผ Lightweight and responsive image gallery for Vue.js

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
163
Weekly Downloads
2.3K
Last Commit
2yrs ago
User Rating
5.0/ 5
1
Top Feedback
3Easy to Use
2Great Documentation
1Performant
rnp

react-native-photo-view

Pinch-to-zoom view for React Native (both iOS and Android)

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
781
Weekly Downloads
909
Last Commit
5mos ago
User Rating
5.0/ 5
1
Top Feedback
360

360viewer

360ยบ video/image viewer

Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
16
Last Commit
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
rni

react-native-image-zoom-viewer

๐Ÿš€ tiny & fast lib for react native image viewer pan and zoom

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2.4K
Weekly Downloads
44.1K
Last Commit
2yrs ago
User Rating
2.5/ 5
2
Top Feedback
2Easy to Use
1Buggy

openseadragon

An open-source, web-based viewer for zoomable images, implemented in pure JavaScript.

BSD-3-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
2.4K
Weekly Downloads
12.5K
Last Commit
8d ago
rzp

react-zoom-pan-pinch

React library to support easy zoom, pan, pinch on various html dom elements like images and divs

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
627
Weekly Downloads
120K
Last Commit
10mos ago
rmi

react-medium-image-zoom

๐Ÿ”Ž Medium.com style image zoom for React ๐Ÿ”

BSD-3
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.2K
Weekly Downloads
50K
Last Commit
6d ago
rni

react-native-image-layout

An easy and simple to use React Native component to render a custom masonry layout for remote images and displayed on a custom interactive image viewer. Includes animations and support for both iOS and Android. Free and made possible along with costly maintenance and updates by [Lue Hang](https://www.facebook.com/lue.hang) (the author).

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
44
Weekly Downloads
286
Last Commit
2yrs ago
User Rating
3.0/ 5
1
Top Feedback
1Poor Documentation
1Hard to Use

mirador

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
447
Weekly Downloads
1.9K
Last Commit
2mos ago
riv

react-images-viewer

A react library that view photos list easily, and a simple, responsive viewer component for displaying an array of images.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
110
Weekly Downloads
4.5K
Last Commit
4mos ago
User Rating
Top Feedback
2Abandoned
1Easy to Use
nds

ngx-drag-scroll

A lightweight responsive Angular carousel library

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
315
Weekly Downloads
12.1K
Last Commit
23d ago
rv

react-viewer

react image viewer, supports rotation, scale, zoom and so on

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
615
Weekly Downloads
11.8K
Last Commit
6mos ago
User Rating
Top Feedback
1Great Documentation
1Easy to Use
1Performant

react-native-image-viewing

Tiny, purely TS, modal component for viewing images ๐Ÿ™

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
543
Weekly Downloads
11.7K
Last Commit
3mos ago

ngx-viewer

Angular 8+ directive for the Viewer.js library ๐Ÿ”Ž

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
23
Weekly Downloads
695
Last Commit
8mos ago
kal

kaleidoscopejs

๐Ÿ”ฎ An embeddable, lightweight 360ยบ video/image viewer

Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
327
Weekly Downloads
2.5K
Last Commit
2yrs ago
niv

ngx-image-viewer

An image viewer component for Angular 2+

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
47
Weekly Downloads
2.3K
Last Commit
4yrs ago
niv

ng2-image-viewer

Ng2-Image Viewer for Angular 2+ projects

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
29
Weekly Downloads
1.9K
Last Commit
3yrs ago
nif

ng-image-fullscreen-view

An Angular responsive image fullscreen viewer. Also support youtube and mp4 video urls.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
17
Weekly Downloads
1.4K
Last Commit
2yrs ago
vps

vue-picture-swipe

๐Ÿ–ผ Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
367
Weekly Downloads
1.2K
Last Commit
1yr ago
User Rating
Top Feedback
1Great Documentation
vs

vue-silentbox

A lightbox inspired Vue.js component.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
249
Weekly Downloads
977
Last Commit
1yr ago
rlc

react-lightbox-component

An image lightbox component for ReactJS

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
74
Weekly Downloads
955
Last Commit
4yrs ago
ni

@hallysonh/ngx-imageviewer

Angular 5 Image Viewer Component based on Canvas

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
82
Weekly Downloads
695
Last Commit
3yrs ago
rnd

react-native-doc-viewer

React Native Doc Viewer (Supports file formats: xls,ppt,doc,xlsx,pptx,csv,docx,png,jpg,pdf,xml,binary ...)

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
73
Weekly Downloads
672
Last Commit
3yrs ago
iv

@nghacks/image-viewer

Custom UI components built with Angular & Angular Material

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
12
Weekly Downloads
29
Last Commit
3mos ago
vp

vue-preview

A Vue Integrated PhotoSwipe Image Preview Plugin

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
647
Weekly Downloads
462
Last Commit
3yrs ago
ima

imageviewer

โš ๏ธ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-viewer

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1K
Weekly Downloads
347
Last Commit
2yrs ago
ri

react-intense

A React component for viewing large images up close ๐Ÿ”

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
160
Weekly Downloads
50
Last Commit
6mos ago

react-wx-images-viewer

Images viewer is a react component use in mobile website App, that function same as Weixin native viewer.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
127
Weekly Downloads
252
Last Commit
4yrs ago

react-native-image-carousel

Image carousel with support for fullscreen mode with swiping and pinch-to-zoom.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
214
Weekly Downloads
130
Last Commit
3yrs ago
rnp

react-native-photo-browser

Local and remote media gallery with captions, selections and grid view support for react native.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
717
Weekly Downloads
117
Last Commit
1yr ago

react-native-photo-gallery

Simple, yet powerful image gallery for React Native. Features zoom and pagination ! ๐Ÿ–ผ

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
119
Weekly Downloads
77
Last Commit
2yrs ago
ivj

image-viewer.js

jQuery image viewer

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
74
Last Commit
rn3

@hauvo/react-native-360-image-viewer

Inspired by https://github.com/scaleflex/js-cloudimage-360-view. This is the 360 degrees simulation from multiple images for React Native

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
35
Weekly Downloads
66
Last Commit
2yrs ago
np

nativescript-photoviewer

A simple Photo-Viewer component for NativeScript.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
45
Weekly Downloads
62
Last Commit
1yr ago
cgv

ctc-gallery-viewer

Images with gallery viewer written in vanilla js, display image in overlay and gallery on side in vertical carousel

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
55
Last Commit
rng

react-native-gallery

A pure JavaScript image gallery component for react-native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android.

ISC
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
331
Weekly Downloads
53
Last Commit
6yrs ago
rnf

react-native-fast-image-zoom-viewer

๐Ÿš€ tiny & fast lib for react native image viewer pan and zoom

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3
Weekly Downloads
44
Last Commit
4yrs ago
niv

ng-image-viewer

Image viewer component for angular2

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
15
Weekly Downloads
36
Last Commit
6yrs ago