Profile
Back to NewsBack
GitHub Trending 9 min
Reader Mode
haiafara/vue-it-bigger: A simple image / (YouTube) video lightbox component for Vue 3.

haiafara/vue-it-bigger: A simple image / (YouTube) video lightbox component for Vue 3.

16 hours ago

Vue It Bigger!

npm</a> codecov</a> Depfu</a>

A simple image / (YouTube) video lightbox component for Vue 3.

Vue It Bigger Screenshot</a>

Click on the screenshot above for a demo.

Features

  • Unobtrusive interface that disappears after a few seconds, reappears on mouse activity
  • Optional thumbnail strip with all of the gallery's media
  • Can show an HTML enabled caption under each image or video
  • Can play the slideshow automatically
  • All of the graphics can be customized via slots
  • Can be controlled programmatically (change media, zoom, toggle full screen)
  • Zoom images with the magnifier buttons, the scroll wheel, the keyboard, or pinch to zoom on touch devices; drag to pan while zoomed
  • Full screen toggle (button or keyboard) for all media types
  • Allows embedding YouTube videos
  • Lightbox opens and closes with a short fade

Installation

You know the drill:

npm install vue-it-bigger

Usage

You can view App.vue or the demo for an usage example.

In the Chat with me