Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dimsemenov/Magnific-Popup
Light and responsive lightbox script with focus on performance.
https://github.com/dimsemenov/Magnific-Popup
Last synced: about 1 month ago
JSON representation
Light and responsive lightbox script with focus on performance.
- Host: GitHub
- URL: https://github.com/dimsemenov/Magnific-Popup
- Owner: dimsemenov
- License: mit
- Created: 2013-01-10T16:09:24.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2024-01-28T14:54:49.000Z (4 months ago)
- Last Synced: 2024-04-14T07:11:09.554Z (about 2 months ago)
- Language: JavaScript
- Homepage: http://dimsemenov.com/plugins/magnific-popup/
- Size: 1.81 MB
- Stars: 11,387
- Watchers: 373
- Forks: 3,518
- Open Issues: 673
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-javascript - Magnific-Popup - Light and responsive lightbox script with focus on performance. (Modals and Popups / Other)
- awesome-jquery - Magnific Popup - Fast, light and responsive lightbox plugin. (Animation / Modals and Popups)
- awesome-javascript-cn - Magnific-Popup
- awesome-stars - dimsemenov/Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-stars - Magnific-Popup
- awesome-wechat-mini-programs - ๅฎ็ฝ
- awesome-focusnetworks - Magnific-Popup - Light and responsive lightbox script with focus on performance. (Modals and Popups / Other)
- awesome-stars - dimsemenov/Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-stars - Magnific-Popup
- awesome-stars - Magnific-Popup
- awesome-github-star - Magnific-Popup
- awesome-javascript - Magnific-Popup - Light and responsive lightbox script with focus on performance. (Modals and Popups / Other)
- awesome-stars - dimsemenov/Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-javascript-cn - ๅฎ็ฝ
- awesome-stars - dimsemenov/Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-javascript - Magnific-Popup
- awesome-javascript - Magnific-Popup - Light and responsive lightbox script with focus on performance. ` ๐ 4 years ago ` (Modals and Popups [๐](#readme))
- awesome-stars - Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-stars - dimsemenov/Magnific-Popup - `โ 11393` Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-javascript-libraries - Magnific-Popup - Light and responsive lightbox script with focus on performance. (Modals and Popups / Other)
- awesome-stars - Magnific-Popup
- awesome-javascript-builds-project - Magnific-Popup - Light and responsive lightbox script with focus on performance. (Modals and Popups / Other)
- awesome-javascript-cn - ๅฎ็ฝ
- A-collection-of-awesome-browser-side-JavaScript-libraries-resources-and-shiny-things. - Magnific-Popup - Light and responsive lightbox script with focus on performance. (Modals and Popups / Other)
- awesome-stars - dimsemenov/Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-stars - dimsemenov/Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-javascript - Magnific-Popup - Light and responsive lightbox script with focus on performance. - โ 10496 (Modals and Popups)
- my-stars - dimsemenov/Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
- awesome-stars - Magnific-Popup - Light and responsive lightbox script with focus on performance. (JavaScript)
README
> # ๐บ๐ฆ UKRAINE NEEDS YOUR HELP NOW!
>
> I'm the creator of this project and I'm Ukrainian.
>
> **My country, Ukraine, [is being invaded by the Russian Federation, right now](https://www.bbc.com/news/world-europe-60504334)**. I've fled Kyiv and now I'm safe with my family in the western part of Ukraine. At least for now.
> Russia is hitting target all over my country by ballistic missiles.
>
> **Please, save me and help to save my country!**
>
> Ukrainian National Bank opened [an account to Raise Funds for Ukraineโs Armed Forces](https://bank.gov.ua/en/news/all/natsionalniy-bank-vidkriv-spetsrahunok-dlya-zboru-koshtiv-na-potrebi-armiyi):
>
> ```
> SWIFT Code NBU: NBUA UA UX
> JP MORGAN CHASE BANK, New York
> SWIFT Code: CHASUS33
> Account: 400807238
> 383 Madison Avenue, New York, NY 10179, USA
> IBAN: UA843000010000000047330992708
> ```
>
> You can also donate to [charity supporting Ukrainian army](https://savelife.in.ua/en/donate/).
>
> **THANK YOU!**# Magnific Popup Repository
[![Build Status](https://travis-ci.org/dimsemenov/Magnific-Popup.png)](https://travis-ci.org/dimsemenov/Magnific-Popup)
[![Flattr](http://api.flattr.com/button/flattr-badge-large.png)](https://flattr.com/thing/1310305/Magnific-Popup-by-dimsemenov)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
- 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
- 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?
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
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 https://github.com/dimsemenov/Magnific-Popup.git
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)
## 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://d2weczhvl823v0.cloudfront.net/dimsemenov/magnific-popup/trend.png)](https://bitdeli.com/free "Bitdeli Badge")
## 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.