100 Components & Libraries
vue-svg-inline-loader Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects. Loader parses only HT
Optimized Images for Nuxt
A Vue.js 3.0 image lightbox component with Zoom / Drag / Rotate / Switch .
Nuxt Gallery A gallery library for nuxt with a modern design and automatic image optimisation. How it works: On compile time the images of the gallery
Vue-cool-lightbox is a pretty Vue.js lightbox component, inspired by fancybox with zoom, swipe, captions and videos supported.
3x3-generator Anime/manga 3x3 generator.
A framework for building VR applications with Vue
Pexies Description Pexies Pexies is a personal photo gallery built on Pexels&Flickr&Unsplash api. Pexies is built with Nest.js with Vue.js front-end.
React Photo Collage Installation npm install react-photo-collage Props Name Type Required Default Description width string false 800px height an arra
VueBarcode Add barcodes to your Vue application super easily with VueBarcode! Try it out! Supported barcode formats: CODE128 EAN EAN-13 EAN-8 EAN-5 EA
bookmark.style 🪄 Turn any link into a stylish visual web bookmark, one-click to copy the beautiful web bookmark image.
imgurl 图床/超简图床/基于github/免费图床 使用github-Api 上传到仓库。在使用jsDelivr加载图片。
A second version of the lightweight lightbox inspired component for Vue.js with local video support and more features coming. If you're interested, see demo.
Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js
slideshow 가족앨범 사진들을 디스플레잉을 어떻게 할 수 있을까 고민하다가 슬라이드쇼 프로젝트를 시작하게 되었습니다. 예전에 만든 슬라이드쇼를 제대로 만들어본 경험으로 더 좋은 모습으로 만들고 했습니다. 슬라이드쇼의 목적은 브라우저 전체화면으로 사진을 한장씩 넘겨
A Vue component for magnifying an image within its original container. The zoom behavior is triggered on click and the image can be moved by dragging on touch devices and by either dragging or hover panning on non-touch devices. The component supports responsive images and optional fullscreen zoom on mobile.
Vue Image Zoomer Lightweight responsive image zoom component for Vue.js 2, that also works on touch devices. Perfect for zooming on product images on
photo-search A photo search application which using unsplash api Project setup B
Imagvue Imagvue provides basic image processing props(size,blur,contrast,grayscale, etc.). Support image lazy loading. All Attributes can bind with da
Peity A Vue version of an excellent peity library for beautiful mini graphs.
先上效果图 vue-dark-photo 基于 element-ui2.x 开发的预览图片组件 支持 放大、缩小、复原、下载、打印等功能 支持在线预览pdf、word等文档 暂时只支持jpg、png格式的图片 继承 el-dialog 等组件的属性事件等 适合使用了element-ui的项目 Git
Timeline is a web application which aims to organize photos similar to how Google Photos or Amazon Photos does.
textrator Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints
A Vue.js port of Boring Avatars, a JS library that generates custom, SVG-based, round avatars from any username and color palette.
Image comparison slider. Compare images before and after. Supports React, Vue, Angular.
vue3-recaptcha-v2 reCAPTCHA v2 for Vue3 : CompositionAPI, Types Installation Yarn $ yarn add vue3-recaptcha-v2 npm $ npm install vue3-recaptcha-v2 --s
vue nice avatar
A Vue 3 component that displays a basic Instagram feed using Instagram Basic Graph API and your Facebook access token.
Vue picture magnifying glass
Kirby Fields Block Kirby block preview plugin to directly render block fields, allowing for inline editing. Usage Block definition When creating a cus
Vue Photogram App A photo gallery app using Vue.js + Vue Router + Vuex Features: Using Pixabay Api Home, category, tag and single photo page Infinite
qiokian - anime in Vue.js! 🙊 live2d anime figure Vuejs component. 🔗 Demo Link qiokian qiokian landing page 🛠 Project setup 📥 Install dependencies
Markup Image with Vue.js (customizable) vue-image-markup will provide you to edit uploaded image easily and save it. Installation npm i vue-image-mark
A Vue.js component to lazy load an image automatically when it enters the viewport using the Intersection Observer API.
English | 한국어 Vue-load-image Vue-load-image is 1KB(gzipped size) minimalist Vue component that display loader during image loading and display alterna
vue-360 A Simple and Beautiful 360° Product Viewer built on Vue.js Click here for React Version Demo Demo | Documentation Features 360° View Zoom Pan
Lightbox Photo Grid and Slideshow component for Vue.JS v-lightbox is a Vue component which allows to display first x (1-5) images of your gallery in a
Multi Select Areas Image Live Demos https://demo-multi-select-areas-image.herokuapp.com Installation With npm or yarn yarn add multi-select-areas-imag
Encode svg in url, use in html Img, Css and more...
v-viewer Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js v-viewer for vue2 Live demo Quick Example direct
vue-cosha Vue cosha is a simple port of the cosha library for ease of use in Vue projects. "Colorful shadows for your images. 🎨 " cosha lets you add
Millicast Vue.js Web Viewer Plugin Vue.js plugin to embed viewer of a Millicast stream. This plugin allows developers to simplify Millicast services i
vue-expandable-image Allows your images to open in full size. Demo Preview Setup npm install vue-expandable-image You have two ways to setup vue-expa
Vue Image Fallback v-img-fallback Vue image placeholder directive for broken images. If you like this project, please give it a star, and consider fol
image-classifier-frontend Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm
PisaAI(披萨智能)在线图片优化 Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build L
img-vuer An Mobile-First image viewer for Vue2 中文 README 🙆♀️ Easy to use 👉 Swipe gesture 🔍 Zoom gesture V0.11.0 Now you can use thumbnail~ V0.13.0
vue-image-painter English | 简体中文 🌰 Example Demo Demo Source Code 🚀 QuickStart Install yarn add vue-image-painter # OR npm i -S vue-image-painter Imp
vlightbox Simple native Vue.js lightbox
Vue component that provides content scrolling and zooming using mouse events or two fingers pinch on a mobile devices
VueJS Panorama Viewer Embed panorama into your website VueJS version of JQuery Panorama Viewer Demo Demo Getting started using npm npm install vuejs-p
A lightweight image, video and iframe lightbox gallery component for Vue. Supports slide, zoom, rotation, autoplay, captions and so on.