# photoswipe

> JavaScript gallery

Latest version **5.4.4** (published 2024-05-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install photoswipe
pnpm add photoswipe
yarn add photoswipe
bun add photoswipe
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score; popular repo.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 5.4.4 |
| Published | 2024-05-24 |
| First published | 2014-12-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >= 0.12.0 |
| Dependencies | 0 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 25249 |
| Author | Dmytro Semenov |
| Maintainers | dimsemenov |
| Keywords | gallery, lightbox, photo, image, touch, swipe, zoom |

## Links

- npm: https://www.npmjs.com/package/photoswipe
- Repository: https://github.com/dimsemenov/Photoswipe
- Homepage: https://photoswipe.com
- Issues: https://github.com/dimsemenov/Photoswipe/issues
- npm.io page: https://npm.io/package/photoswipe

## Alternatives

- [react-native-root-siblings](https://npm.io/package/react-native-root-siblings.md) — 102.9K weekly downloads
- [@praxisui/dialog](https://npm.io/package/@praxisui/dialog.md) — 2.0K weekly downloads
- [easy-toggle-state](https://npm.io/package/easy-toggle-state.md) — 350 weekly downloads
- [ngx-lightbox-evp](https://npm.io/package/ngx-lightbox-evp.md) — 19 weekly downloads
- [react-native-modal-translucent-axton](https://npm.io/package/react-native-modal-translucent-axton.md) — 4 weekly downloads

## Recent versions

- 5.4.4 (latest) — 2024-05-24
- 5.2.0-beta.5 (beta) — 2022-03-26
- 5.4.3 — 2023-11-28
- 5.4.2 — 2023-09-29
- 5.4.1 — 2023-09-17
- 5.4.0 — 2023-09-08
- 5.3.9 — 2023-09-02
- 5.3.8 — 2023-07-03
- 5.3.7 — 2023-03-29
- 5.3.6 — 2023-02-23
- 5.3.5 — 2023-02-01
- 5.3.4 — 2022-11-22
- 5.3.3 — 2022-10-25
- 5.3.2 — 2022-08-29
- 5.3.0 — 2022-07-22
- … 23 more at https://npm.io/package/photoswipe/versions

## README

[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct.svg)](https://savelife.in.ua/en/)


PhotoSwipe v5 — JavaScript image gallery and lightbox

**[Demo](https://photoswipe.com)** | **[Documentation](https://photoswipe.com/getting-started/)**

[![Sponsor via OpenCollective](https://img.shields.io/opencollective/all/photoswipe?label=Sponsor%20via%20OpenCollective)](https://opencollective.com/photoswipe)
[![Follow on Twitter](https://img.shields.io/twitter/follow/photoswipe?style=social)](https://twitter.com/intent/user?screen_name=photoswipe)


### Repo structure

- `dist/` - main JS and CSS
- `src/` - source JS and CSS.
  - `src/js/photoswipe.js` - entry for PhotoSwipe Core.
  - `src/js/lightbox/lightbox.js` - entry for PhotoSwipe Lightbox.
- `docs/` - documentation markdown files.
- `demo-docs-website/` - website with documentation, demos and manual tests.
- `build/` - rollup build config.

To build JS and CSS in `dist/` directory, run `npm run build`.

To run the demo website and automatically rebuild files during development, run `npm install` in `demo-docs-website/` and `npm run watch` in the root directory.

### Older versions

Documentation for the old version (v4) can be found [here](https://photoswipe.com/v4-docs/getting-started.html) and [the code for 4.1.3 is here](https://github.com/dimsemenov/PhotoSwipe/tree/v4.1.3).

---

This project is tested with [BrowserStack](https://www.browserstack.com/).

---
_Source: https://npm.io/package/photoswipe · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._