made with vue.js

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

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


AG Charts for Vue Canvas-based Charting Library
#Charts #UI Components #Wrapper
icon-eye-dark Created with Sketch. 1.641
Formwerk Form Framework
#Form #Frameworks #UI Components ...
icon-eye-dark Created with Sketch. 851
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
image-chart Created with Sketch.
Looking for a Vue.js Admin Template? Find the best ones here!
SHOW VUE ADMIN TEMPLATES
Vue Flicking Wrapper for the Flicking Carousel Component
#UI Components #Carousels #Wrapper
icon-eye-dark Created with Sketch. 16.785
v-onboarding Onboarding Component
#UI Components #Tooltip
icon-eye-dark Created with Sketch. 7.146
View all Projects
COMMUNITY SPONSORS
Placid is a creative automation API & toolkit #madewithvuejs that lets you generate consistent visuals at scale Learn more Get actionable insights into your Vue apps to fix issues and improve performance with Sentry Learn more