@mantine-vue/lightbox

Full-screen media lightbox with carousel navigation for Vue
646
Install
npm install @mantine-vue/lightbox
Latest Version:3.6.0
Vue:3
License:MIT
Last Updated:Oct 17, 2026
Links: npm
Maintainer: hasan-alhawaj

@mantine-vue/lightbox

Full-screen image, video and custom-content lightbox for Vue 3, equivalent to @mantine/lightbox.

<script setup>
import { Lightbox } from '@mantine-vue/lightbox'
import '@mantine-vue/lightbox/styles.css'
</script>

<template>
  <Lightbox :opened="opened" :slides="[{ src: '/photo.jpg' }]" @close="opened = false" />
</template>

Related Packages

@mantine-vue/table

A fully featured Vue 3 implementation of TanStack Vue Table

3,422
data grid data table mantine mantine-vue tanstack table vue-table
@mantine-vue/charts

Charts components built with Apache ECharts and Mantine Vue

3,282
@mantine-vue/schedule

Vue schedule and calendar components equivalent to @mantine/schedule

2,964
@mantine-vue/contextmenu

Desktop-grade context menu extension for Mantine Vue

2,744
@mantine-vue/notifications

Vue notifications system equivalent to @mantine/notifications

2,635

Version History

Version Released Vue License
3.6.0 ^3.5.0 MIT
3.5.0 ^3.5.0 MIT
3.4.0 ^3.5.0 MIT
3.3.0 ^3.5.0 MIT