{"adoption": {"forks": 303, "observed_at": "2026-08-28T04:05:53.323742+00:00", "stars": 1912}, "canonical_url": "https://ross.abutalabs.com/products/react-zoom-pan-pinch", "card": {"archived": false, "artifact_type": "library", "description": "🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div>", "domain": ["frontend", "web-development"], "enriched": true, "function": ["ui-components", "animation"], "health_score": 99, "homepage": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["BetterTyped/react-zoom-pan-pinch"], "name": "BetterTyped/react-zoom-pan-pinch", "platform": ["browser"], "pushed_at": "2026-08-21T11:45:29+00:00", "repo": "BetterTyped/react-zoom-pan-pinch", "stars": 1912, "tags": ["react", "zoom", "pan", "pinch", "touch-gestures", "image-viewer", "svg", "typescript", "web", "nodejs"], "topics": ["pan", "zoomin", "zoomout", "pinch", "react", "gesture", "zoom", "svg", "figma", "html-manipulation", "miro", "react-component"], "urls": [], "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"], "what_it_is": "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/react-zoom-pan-pinch", "repo": "BetterTyped/react-zoom-pan-pinch", "role": "main", "score": 98}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:05:53.323742+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T03:10:29.373743+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cc78076cb4fa8d75fcc474b75c9a8e3a27644638476b1ebf858ecdd4eea2bb3c", "fetched_at": "2026-08-28T04:05:53.323742+00:00", "kind": "readme", "missing": false, "url": "https://github.com/BetterTyped/react-zoom-pan-pinch"}, {"content_hash": "aa9eabe6efd06e44befebf44dc80c175b6b8302a9d46ac72eeb13ce229b1c60d", "fetched_at": "2026-08-29T10:50:04.500907+00:00", "kind": "homepage", "missing": false, "url": "https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/basic-image--docs"}, {"content_hash": "014ef9f732c03de42e61985aaa18f98be0885e17381f50eafad6da6fdf22416c", "fetched_at": "2026-08-29T10:50:04.509773+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-zoom-pan-pinch"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 98, "longevity": 100, "rhythm": 96}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 2607, "days_push": 12, "days_rel": 30, "gap_med": 0, "n_releases_24m": 6}, "score": 98, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}