PHPackages                             nicolafranchini/venobox - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. nicolafranchini/venobox

ActiveLibrary[Image & Media](/categories/media)

nicolafranchini/venobox
=======================

Responsive JavaScript modal window plugin, touch swipe gallery

2.2.0(2w ago)7117.1k↓87%170[3 issues](https://github.com/nicolafranchini/VenoBox/issues)MITJavaScript

Since Nov 1Pushed 2w ago27 watchersCompare

[ Source](https://github.com/nicolafranchini/VenoBox)[ Packagist](https://packagist.org/packages/nicolafranchini/venobox)[ RSS](/packages/nicolafranchini-venobox/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (3)DependenciesVersions (38)Used By (0)

VenoBox
=======

[](#venobox)

[![venobox (latest)](https://camo.githubusercontent.com/ca3f5fd03cf4c8e15c91e158f086744bebb4a7a7c4656a966d83e8dd19fe9bc3/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f76656e6f626f782f6c61746573742e737667)](https://www.npmjs.com/package/venobox)[![venobox (downloads)](https://camo.githubusercontent.com/450704fa0d7840be25d7c082caac7b833a0daa9104229b8cfcc3a1c27fe7eacb/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64792f76656e6f626f782e737667)](https://www.npmjs.com/package/venobox)[![](https://camo.githubusercontent.com/bb33b6b4018c2d3ff912c7556c4abeac33bde2ee12745af1a9c04c1e41680af2/68747470733a2f2f646174612e6a7364656c6976722e636f6d2f76312f7061636b6167652f6e706d2f76656e6f626f782f6261646765)](https://www.jsdelivr.com/package/npm/venobox)

Responsive modal window javaScript plugin, touch swipe gallery

Just another responsive lightbox plugin, suitable for images, inline contents, iFrames, videos.

The big difference compared to many others plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).

Demo:

Quick start
-----------

[](#quick-start)

### Install

[](#install)

This package can be installed with:

- [npm](https://www.npmjs.com/package/venobox): `npm install venobox`
- [composer](https://packagist.org/packages/nicolafranchini/venobox): `composer require nicolafranchini/venobox`

#### JavaScript Setup

[](#javascript-setup)

Import the module and initialize.

```
import VenoBox from 'venobox';

```

#### CSS Setup

[](#css-setup)

Include the stylesheet separately in your CSS entry point or HTML head.

**via CSS (@import):**

```
@import "venobox/dist/venobox.min.css";

```

**or via HTML (``):**

```

```

### Static HTML

[](#static-html)

Download the [latest release](https://github.com/nicolafranchini/VenoBox/releases)or get the sources from [jsDelivr](https://cdn.jsdelivr.net/npm/venobox@latest/dist/)

Put the required stylesheet into your `` to load our CSS:

```

```

Include the script near the end of your pages, right before the closing `` tag:

```

```

### Usage

[](#usage)

Insert one or more links with a custom class

```

```

Initialize the plugin and your VenoBox is ready for all the selected links.

```
new VenoBox({
  selector: '.venobox'
});
```

Documentation
-------------

[](#documentation)

The full documentation is available at

License: released under the MIT License

###  Health Score

65

—

FairBetter than 99% of packages

Maintenance97

Actively maintained with recent releases

Popularity47

Moderate usage in the ecosystem

Community27

Small or concentrated contributor base

Maturity75

Established project with proven stability

 Bus Factor1

Top contributor holds 81.8% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~107 days

Recently: every ~219 days

Total

37

Last Release

16d ago

Major Versions

1.9.4 → 2.0.02021-12-02

### Community

Maintainers

![](https://www.gravatar.com/avatar/4902c6a1000eaf96de6be6ed4f04f0f3b33534c8d1b37c564f1d8157b03bc16c?d=identicon)[nicolafranchini](/maintainers/nicolafranchini)

---

Top Contributors

[![nicolafranchini](https://avatars.githubusercontent.com/u/5631760?v=4)](https://github.com/nicolafranchini "nicolafranchini (63 commits)")[![mendezcode](https://avatars.githubusercontent.com/u/5881557?v=4)](https://github.com/mendezcode "mendezcode (6 commits)")[![neilgee](https://avatars.githubusercontent.com/u/2056045?v=4)](https://github.com/neilgee "neilgee (2 commits)")[![bennick](https://avatars.githubusercontent.com/u/1005260?v=4)](https://github.com/bennick "bennick (2 commits)")[![stefanzmf](https://avatars.githubusercontent.com/u/1851658?v=4)](https://github.com/stefanzmf "stefanzmf (1 commits)")[![BigglesZX](https://avatars.githubusercontent.com/u/116970?v=4)](https://github.com/BigglesZX "BigglesZX (1 commits)")[![dmythro](https://avatars.githubusercontent.com/u/1391015?v=4)](https://github.com/dmythro "dmythro (1 commits)")[![ahmadalfy](https://avatars.githubusercontent.com/u/87611?v=4)](https://github.com/ahmadalfy "ahmadalfy (1 commits)")

---

Tags

gallerygallery-imagesimage-galleryjavascriptlightboxmodalmodal-windowspopupresponsivevanilla-javascriptvanilla-jsvideovimeoyoutubeplugintouchgalleryresponsivemodalpopuplightboxvanillawindowswipeno-jquery

### Embed Badge

![Health badge](/badges/nicolafranchini-venobox/health.svg)

```
[![Health](https://phpackages.com/badges/nicolafranchini-venobox/health.svg)](https://phpackages.com/packages/nicolafranchini-venobox)
```

###  Alternatives

[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.9k181.7k1](/packages/nolimits4web-swiper)[webplusm/gallery-json-media

a filament media storing in a Json field

197.8k](/packages/webplusm-gallery-json-media)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)