timmywil/panzoom

Health v2 · maintenance only

Adoption not part of the score

2469 stars · 413 forks observed · 2026-10-01

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Panzoom is a small (~3.7kb gzipped) TypeScript library that adds panning and zooming to any DOM element using GPU-accelerated CSS transforms. It supports pointer events, touch/pinch gestures, mousewheel focal-point zooming, and direct SVG element manipulation.

Use cases

• pan and zoom images in the browser
• add pinch-to-zoom to a mobile web page
• make an SVG pannable and zoomable
• implement a draggable canvas or map viewer
• zoom any element with the mouse wheel
• build an image viewer with pan and zoom controls

When to choose

• you need lightweight pan/zoom for arbitrary HTML or SVG elements
• you want GPU-accelerated transforms instead of layout-based positioning
• you need touch and pinch gesture support on mobile and desktop
• you want fine-grained control like focal-point zoom, containment, and event hooks

When to avoid

• you need full image-viewer UI with thumbnails, lightbox, or gallery features
• you're working outside the browser (Node, native apps)
• you need IE11 CSS transition support on SVG elements
• you need WebGL-based zooming for very large images or deep-zoom tile formats

Facets

library · maturity active

animation ui-components frontend web-development browser cross-platform pan zoom css-transforms pointer-events svg touch-gestures pinch-zoom typescript mobile

Member repositories

For agents

markdown · JSON · MCP: product_card(name="timmywil/panzoom")