Cross-Platform JavaScript Image Viewer
Allow users to view and edit images in your web applications with our JavaScript Image Viewer.
- Multiple image formats supported
- Works in all modern browsers and frameworks, including Edge, Chrome, Firefox, Opera, Safari, React, Preact, and Angular
- Crop, resize, flip and rotate images
- Enhance images by applying filter effects
- Plugin support to add or remove image editing tools
- Save modified image files on the client
- Included with Documents for Imaging
Overview
The GrapeCity Documents Image Viewer is a JavaScript component that allows developers to view and edit image files across browsers using major JavaScript frameworks.
Why Use the JavaScript Image Viewer
Cross-Platform
A cross-platform solution to view image files on Windows, macOS, Linux, iOS, and Android devices in all modern browsers.
Multiple Image Formats Supported
View and edit multiple image formats including JPEG, PNG, GIF, TIFF, ICO, WEBP, SVG, BMP. Also, navigate between frames for multi-frame GIF and TIFF images.
Plugin Support
Add or remove edit functionalities to Image Viewer as per user requirement through various plugins such as Page Tools and Image Filters.
Web Framework Support
Embed the Image Viewer in any of the major web frameworks–Angular, Vue, ASP.NET Core, ASP.NET MVC, HTML5, React, and Preact.
Integrate with GrapeCity Documents for Imaging (GcImaging)
Utilize the power of our server-side API. With GcImaging and the client-side GcDocs Image Viewer, you can create a new image or edit an existing one.
Supported Editor Features
Edit and modify existing image files by using various edit options such as crop, resize, rotate, flip and even apply image filters.
Apply Image Filters
Transform the image looks by applying different filters, including Invert, Grayscale, Offset Blue, and Retro Violet.
Rotate Images
Rotate images and select the best angle to showcase the image. Simply click through to rotate images, find the most suitable angle, and then save the rotated image.
Flip Images
Use the tool to flip an image horizontally or vertically to improve the quality of the image, or find a better view of the image.
Resize Images
Resize any image to make it a fit your needs while maintaining or ignoring the aspect ratio.
Explore the Advanced Features of the JavaScript Image Viewer
Each main feature demo link listed below contains several demos that show how to use a particular feature. Click a link to learn more.
Image Viewer and Editor
View and edit image files along with options to undo or redo the edits.
Multiple Image Formats
Work with multiple image formats including JPEG, PNG, GIF, TIFF, BMP, ICO, SVG, WEBP.
Zoom Settings
Use the zoom dropdown to set pre-defined zoom options or the zoom textbox to specify a custom zoom value.
Multiple GcImageViewer Instances
Render multiple instances of GcImageViewer on the same web page to cater to needs for specific images or users.
Image Filters
Enhance the image appearance by applying various filters provided by Image Viewer.
Custom Plugin
Define custom plugin to add a user-defined functionality to Image Viewer UI options.
Create New Images
Create new images from scratch using the extensive GcImageViewer client-side API.
Custom Undo Command
Advance the user experience by adding a custom undo command to the list of built-in undo actions.
Draw On Existing Images
Draw on top of existing images using the extensive GcImageViewer client-side API.
Documents Image Viewer's Licensing
The Documents Image Viewer's License is included with the purchase of Documents for Imaging and comes with all features, including image viewing, editing, and more.
Featured Blogs, Videos, and Other Media
Trusted by the World's Leading Companies
