BetterTyped/react-zoom-pan-pinch
🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div> observed · 2026-08-28
Health v2 · maintenance only
98/100
- Activity 98
- Release rhythm 96
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 0
- age_days: 2607
- days_rel: 30
- days_push: 12
- n_releases_24m: 6
Adoption not part of the score
1912 stars · 303 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A fast, lightweight React library for adding zoom, pan, and pinch gestures to HTML elements such as images, divs, and SVGs. It provides a React component with touch and mouse gesture support, bounds control, and animation.
Use cases
- add pinch-to-zoom to images in a react app
- pan and zoom large diagrams or svg maps
- build a figma-like or miro-like canvas viewer
- zoomable product image viewer with touch support
- pan and scale a div container with mouse drag
- implement zoom controls on html elements in react
When to choose
- you need easy zoom/pan/pinch on DOM elements in a React project
- you want a small, fast, well-maintained library with touch gesture support
- you need bounds limiting and smooth animations out of the box
When to avoid
- you are not using React
- you need full canvas-based rendering for very large scenes
- you need WebGL-level performance for complex graphics
Facets
library · maturity active
ui-components animation frontend web-development browser react zoom pan pinch touch-gestures image-viewer svg typescript web nodejs
3 sources
- readme: https://github.com/BetterTyped/react-zoom-pan-pinch · fetched 2026-08-28 · cc78076cb4fa
- homepage: https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs · fetched 2026-08-29 · aa9eabe6efd0
- registry_npm: https://registry.npmjs.org/react-zoom-pan-pinch · fetched 2026-08-29 · 014ef9f732c0
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| BetterTyped/react-zoom-pan-pinch | main | 98 |
For agents
markdown · JSON · MCP: product_card(name="BetterTyped/react-zoom-pan-pinch")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem