made with vue.js

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

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


Interactive Paycard Credit Card Form
#UI Components
icon-eye-dark Created with Sketch. 10.358
Vue Instant Custom Search Controls with Auto-Suggestion
#Form #UI Components #Autocomplete ...
icon-eye-dark Created with Sketch. 6.837
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
try now
vue-notifications Library-agnostic Notifications
#UI Components #Notification
icon-eye-dark Created with Sketch. 2.232
Ambient Image Component Ambient Multicolored Image Shadows
#Image #Utilities #UI utility
icon-eye-dark Created with Sketch. 1.066
View all Projects
COMMUNITY SPONSORS
Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with Vue.js Learn more Placid is a creative automation API & toolkit #madewithvuejs that lets you generate custom visuals at scale Learn more ThemeSelection offers high-quality and easy-to-use Vue & Vue+Laravel admin templates to create your apps faster Learn more Storyblok is a headless CMS offering powerful APIs and visual editing for the content in your Vue & Nuxt projects Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more