Advanced Image Cropper Library For Vue.js
The advanced library that gives you the opportunity to create your own croppers suited for any website design.
The advanced library that gives you the opportunity to create your own croppers suited for any website design.
A responsive, touch-friendly image zoomer component that allows you to zoom and pan images.
A Vue.js 3 plugin that has the ability to progressively load images with a blur effect just as you have seen on Medium.com. How to use it: 1. Import and register the plugin. // locally import “vue-progressive-image/dist/style.css”; import { ProgressiveImage } from “vue-progressive-image”; // globally import “vue-progressive-image/dist/style.css”; import VueProgressiveImage from ‘vue-progressive-image’ createApp(App).use(VueProgressiveImage).mount(“#app”); 2. Add the VueProgressiveImage to the template and specify the path to your image as follows: <template> <ProgressiveImage src=”1.jpg” /> </template> 3. Default props. src: String, placeholderSrc: String, fallbackSrc: String, alt: String, title: String, customClass: String, blur: , lazyPlaceholder: { type: Boolean, default: false, }, delay: {
A Vue.js component to render a high-performance virtual scrolling grid using CSS Grid Layout.
A responsive, accessible, touch-enabled Vue slider component for comparing before & after images on your app.
A feature-rich image lightbox viewer that supports zoom, pan, rotate, and much more.
The vue-zoomer component enables the user to zoom the image or other things with mouse or touch.
An image zoom component that applies a magnifying glass effect on images.
A simple and elegant avatar cropping and upload plugin.
An inner zoom Vue.js component that allows the user to click/tap to zoom-in on an image.
A set of Vue.js image clipping components using Vue-Rx.
A Vue.js component to progressively lazy-load an image when it enters the viewport using the Intersection Observer API.
A simple avatar cropping tool that allows you to crop images from an URL, your clipboard, or a local image.
vue-load-image is a Vue component that displays a loader during image loading, as well as displaying alternate content when the image fails to load.