made with vue.js

#UI Components #Image
icon-eye-dark Created with Sketch. 10.715

Vue Image Zoomer

Image Zoom Component

Visit Site

Description

Image Zoom Component

"vue-image-zoomer is a lightweight responsive image zoom component for Vue 2/3 that also works on touch devices. It's perfect for zooming on product images on an ecommerce website.

It works on hover (default) or click on mouse devices, tap to zoom on touch screens.

Performance and pageload is important, so the zoom images do not load until needed – only the regular sized images load on pageload. The webp file format is also available (with jpg/png backwards compatabilty for browsers that do not yet support webp).

There is also an option to lazyload the regular image and breakpoints to have different image resolutions on different screen sizes."

Creator

Sam Jones

Social Media Links

Related Projects


Umo Editor Open-source Document Editor
#UI Components #WYSIWYG
icon-eye-dark Created with Sketch. 265
Vue 3 Select Component Select Input Control
#Form #UI Components #Select
icon-eye-dark Created with Sketch. 2.376
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
Hiring Vue.js developers? Find developers all around the world.
Post a job
Vue Notification Notification Library
#UI Components #Notification
icon-eye-dark Created with Sketch. 10.244
Vuelor Colorpicker Component
#UI Components #Picker
icon-eye-dark Created with Sketch. 190
View all Projects
COMMUNITY SPONSORS
Placid is a creative automation API & toolkit #madewithvuejs that lets you generate consistent visuals at scale Learn more Resolve Vue performance bottlenecks and errors faster with actionable insights from Sentry Learn more