PHPackages dimsemenov/magnific-popup - 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. dimsemenov/magnific-popup ActiveLibrary dimsemenov/magnific-popup ========================= Light and responsive lightbox script with focus on performance. 1.2.0(1y ago)11.4k232.9k↓20.1%3.4k[543 issues](https://github.com/dimsemenov/Magnific-Popup/issues)[45 PRs](https://github.com/dimsemenov/Magnific-Popup/pulls)6JavaScript Since Dec 12Pushed 1y ago361 watchersCompare [ Source](https://github.com/dimsemenov/Magnific-Popup)[ Packagist](https://packagist.org/packages/dimsemenov/magnific-popup)[ Docs](http://dimsemenov.com/plugins/magnific-popup/)[ RSS](/packages/dimsemenov-magnific-popup/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (8)DependenciesVersions (5)Used By (6) **Important note** This jQuery plugin is deprecated, only critical or security bug fixes will be released in future. Use native `` element if you need a basic dialog/modal/popup, or my [PhotoSwipe](https://photoswipe.com) library if you need an advanced image gallery. Feel free to email me if you need assistance. [![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct.svg)](https://savelife.in.ua/en/) Magnific Popup Repository ========================= [](#magnific-popup-repository) [![Build Status](https://camo.githubusercontent.com/d08b16029c98b9c34e252543a71bfb2749ca783196d08fc47d99fb206b603154/68747470733a2f2f7472617669732d63692e6f72672f64696d73656d656e6f762f4d61676e696669632d506f7075702e706e67)](https://travis-ci.org/dimsemenov/Magnific-Popup) Fast, light and responsive lightbox plugin, for jQuery and Zepto.js. - [Documentation and getting started guide](http://dimsemenov.com/plugins/magnific-popup/documentation.html). - [Examples and plugin home page](http://dimsemenov.com/plugins/magnific-popup/). - More examples in [CodePen collection](http://codepen.io/collection/nLcqo). Optionally, install via Bower `bower install magnific-popup` or npm: `npm install magnific-popup`. [Ruby gem](https://rubygems.org/gems/magnific-popup-rails): `gem install magnific-popup-rails`. Extensions ---------- [](#extensions) - WordPress plugin - [under development](http://dimsemenov.com/plugins/magnific-popup/wordpress.html). - [Drupal module](https://drupal.org/project/magnific_popup). - [Concrete5 add-on](https://github.com/cdowdy/concrete5-Magnific-Popup). - [Redaxo add-on](http://www.redaxo.org/de/download/addons/?addon_id=1131). - [Contao extension](https://github.com/fritzmg/contao-magnific-popup). If you created an extension for some CMS, email me and I'll add it to this list. Location of stuff ----------------- [](#location-of-stuff) - Generated popup JS and CSS files are in folder [dist/](https://github.com/dimsemenov/Magnific-Popup/tree/master/dist). (Online build tool is on [documentation page](http://dimsemenov.com/plugins/magnific-popup/documentation.html)). - Source files are in folder [src/](https://github.com/dimsemenov/Magnific-Popup/tree/master/src). They include [Sass CSS file](https://github.com/dimsemenov/Magnific-Popup/blob/master/src/css/main.scss) and js parts (edit them if you wish to submit commit). - Website (examples & documentation) is in folder [website/](https://github.com/dimsemenov/Magnific-Popup/tree/master/website). - Documentation page itself is in [website/documentation.md](https://github.com/dimsemenov/Magnific-Popup/blob/master/website/documentation.md) (contributions to it are very welcome). Using Magnific Popup? --------------------- [](#using-magnific-popup) If you used Magnific Popup in some interesting way, or on site of popular brand, I'd be very grateful if you [email me]() a link to it. Build ----- [](#build) To compile Magnific Popup by yourself, first of make sure that you have [Node.js](http://nodejs.org/), [Grunt.js](https://github.com/cowboy/grunt), [Ruby](http://www.ruby-lang.org/) and [Jekyll](https://github.com/mojombo/jekyll/) installed, then: 1. Copy repository git clone 2. Go inside Magnific Popup folder that you fetched and install Node dependencies cd Magnific-Popup && npm install 3. Now simply run `grunt` to generate JS and CSS in folder `dist` and site in folder `_site/`. grunt Optionally: - Run `grunt watch` to automatically rebuild script when you change files in `src/` or in `website/`. - If you don't have and don't want to install Jekyll, run `grunt nosite` to just build JS and CSS files related to popup in `dist/`. [Changelog](https://github.com/dimsemenov/Magnific-Popup/releases) ------------------------------------------------------------------ [](#changelog) License ------- [](#license) Script is MIT licensed and free and will always be kept this way. But has a small restriction from me - please do not create public WordPress plugin based on it(or at least contact me before creating it), because I will make it and it'll be open source too ([want to get notified?](http://dimsemenov.com/subscribe.html)). Created by [@dimsemenov](http://twitter.com/dimsemenov) & [contributors](https://github.com/dimsemenov/Magnific-Popup/contributors). [![Bitdeli Badge](https://camo.githubusercontent.com/75ee145b99820eb7c3f89dff7e3133bf16a5351d24a87b119f319ff03f35af79/68747470733a2f2f64327765637a68766c38323376302e636c6f756466726f6e742e6e65742f64696d73656d656e6f762f6d61676e696669632d706f7075702f7472656e642e706e67)](https://bitdeli.com/free "Bitdeli Badge") Bugs & contributing ----------------------- [](#bugs--contributing) Please report bugs via GitHub and ask general questions through [Stack Overflow](http://stackoverflow.com/questions/tagged/magnific-popup). Feel free to submit commit [pull-request](https://github.com/dimsemenov/Magnific-Popup/pulls), even the tiniest contributions to the script or to the documentation are very welcome. ### Health Score 55 — FairBetter than 98% of packages Maintenance30 Infrequent updates — may be unmaintained Popularity69 Solid adoption and visibility Community49 Growing community involvement Maturity66 Established project with proven stability Bus Factor1 Top contributor holds 80.1% 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 ~1155 days Total 4 Last Release 710d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/746f45eaae7c376832f49d6342d455401484da833625d73576ddf4bbc87453f4?d=identicon)[dimsemenov](/maintainers/dimsemenov) --- Top Contributors [![dimsemenov](https://avatars.githubusercontent.com/u/1061115?v=4)](https://github.com/dimsemenov "dimsemenov (238 commits)")[![joloco](https://avatars.githubusercontent.com/u/1002921?v=4)](https://github.com/joloco "joloco (9 commits)")[![nschonni](https://avatars.githubusercontent.com/u/1297909?v=4)](https://github.com/nschonni "nschonni (8 commits)")[![ghepting](https://avatars.githubusercontent.com/u/492573?v=4)](https://github.com/ghepting "ghepting (7 commits)")[![dwo](https://avatars.githubusercontent.com/u/131652?v=4)](https://github.com/dwo "dwo (2 commits)")[![mpdude](https://avatars.githubusercontent.com/u/1202333?v=4)](https://github.com/mpdude "mpdude (2 commits)")[![chrisdl](https://avatars.githubusercontent.com/u/1074818?v=4)](https://github.com/chrisdl "chrisdl (2 commits)")[![NickGerleman](https://avatars.githubusercontent.com/u/835219?v=4)](https://github.com/NickGerleman "NickGerleman (2 commits)")[![tiesont](https://avatars.githubusercontent.com/u/420293?v=4)](https://github.com/tiesont "tiesont (2 commits)")[![chubbyninja](https://avatars.githubusercontent.com/u/75341224?v=4)](https://github.com/chubbyninja "chubbyninja (2 commits)")[![osmestad](https://avatars.githubusercontent.com/u/243609?v=4)](https://github.com/osmestad "osmestad (2 commits)")[![julen](https://avatars.githubusercontent.com/u/16768?v=4)](https://github.com/julen "julen (2 commits)")[![resetko](https://avatars.githubusercontent.com/u/1456814?v=4)](https://github.com/resetko "resetko (2 commits)")[![sergiolopes](https://avatars.githubusercontent.com/u/91123?v=4)](https://github.com/sergiolopes "sergiolopes (1 commits)")[![shanomurphy](https://avatars.githubusercontent.com/u/2593333?v=4)](https://github.com/shanomurphy "shanomurphy (1 commits)")[![skovy](https://avatars.githubusercontent.com/u/5247455?v=4)](https://github.com/skovy "skovy (1 commits)")[![acasademont](https://avatars.githubusercontent.com/u/825021?v=4)](https://github.com/acasademont "acasademont (1 commits)")[![yannabgrall](https://avatars.githubusercontent.com/u/4730552?v=4)](https://github.com/yannabgrall "yannabgrall (1 commits)")[![brendanarnold](https://avatars.githubusercontent.com/u/584658?v=4)](https://github.com/brendanarnold "brendanarnold (1 commits)")[![fdeberle](https://avatars.githubusercontent.com/u/141139?v=4)](https://github.com/fdeberle "fdeberle (1 commits)") ### Embed Badge ![Health badge](/badges/dimsemenov-magnific-popup/health.svg) ``` [![Health](https://phpackages.com/badges/dimsemenov-magnific-popup/health.svg)](https://phpackages.com/packages/dimsemenov-magnific-popup) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)