https://github.com/laurenashpole/inner-image-zoom
A set of lightweight JavaScript components for zooming images 🔎
https://github.com/laurenashpole/inner-image-zoom
ecommerce enlarge image magnify pdp photo responsive zoom
Last synced: about 1 year ago
JSON representation
A set of lightweight JavaScript components for zooming images 🔎
- Host: GitHub
- URL: https://github.com/laurenashpole/inner-image-zoom
- Owner: laurenashpole
- License: mit
- Created: 2022-08-19T05:55:29.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-25T07:22:27.000Z (about 1 year ago)
- Last Synced: 2025-03-27T22:13:09.307Z (about 1 year ago)
- Topics: ecommerce, enlarge, image, magnify, pdp, photo, responsive, zoom
- Language: JavaScript
- Homepage: https://innerimagezoom.com
- Size: 22.1 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Inner Image Zoom
[![GitHub Actions][build-badge]][build]
A collection of lightweight packages for magnifying an image within its original container. Available for:
[React](https://github.com/laurenashpole/inner-image-zoom/tree/main/packages/react) | [Vanilla](https://github.com/laurenashpole/inner-image-zoom/tree/main/packages/vanilla) | [Vue](https://github.com/laurenashpole/inner-image-zoom/tree/main/packages/vue)
Features include:
- Click or hover to zoom
- Drag or pan on hover to move
- Fullscreen zoom on mobile devices
- Optional hint icon, close button, and transitions
- Support for responsive images
- TypeScript type definitions
Click on a framework above for information on installation, usage, and options/props.
## Issues
Please submit bugs or requests on the [GitHub issues page](https://github.com/laurenashpole/inner-image-zoom/issues).
If you're interested in contributing, check out the guidelines [here](https://github.com/laurenashpole/inner-image-zoom/blob/main/CONTRIBUTING.md).
## License
[MIT](https://github.com/laurenashpole/inner-image-zoom/blob/main/LICENSE)
[build-badge]: https://github.com/laurenashpole/inner-image-zoom/actions/workflows/release.yml/badge.svg
[build]: https://github.com/laurenashpole/inner-image-zoom/actions