Milky Way emoji

vue-tinybox

A slick, yet tiny lightbox gallery for Vue.js

What is it?

Tinybox is a simple lightbox gallery for Vue.js.

While being not as customizable as some other lightboxes, Tinybox is very slick and lightweight (less than 3 KB minzipped). Tinybox is great on mobile devices too: it supports swipe gestures and changes its size responsively.

<Tinybox
    v-model="index"
    :images="images"
/>

Demo

Click on any image below to open Tinybox

Install

Browsers

Include the link to Tinybox in <head> alongside Vue.js:

<script src="https://cdn.jsdelivr.net/npm/vue-tinybox"></script>

Node.js

Install the Tinybox package and register it as you usually would:

$ npm install vue-tinybox
import Tinybox from "vue-tinybox";
Vue.component('Tinybox', Tinybox);

API and more

For API docs and more info on installation consult the README.