🎯 Smooth Pinch Zoom Demo

Experience surgical precision zoom - zoom to any percentage you want!

100%

🎬 Animation Settings

ms
fps
Ready - Try pinching or Ctrl+scroll!

📱 Pinch Zoom Status

Test Content

This is sample content to test the zoom functionality. Notice how everything scales smoothly and precisely!

🎯 Continuous Precision

Zoom to exactly 137%, 63%, or any percentage you want! No more fixed steps like 125%, 150%.

📱 Cross-Platform Support

Works seamlessly on desktop trackpads, mobile touch, and tablets. Try pinch gestures or Ctrl+scroll!

🔍 Replace Magnifying Glass

This smooth zoom replaces the magnifying glass effect with clean, coherent page-level zoom that keeps your interface usable at any zoom level.

🎛️ Highly Configurable

Custom zoom ranges, callbacks, zoom guards, and behaviors. Adapt to any use case with powerful configuration options.

🛡️ Smart Zoom Guard

The zoom automatically blocks on the MapLibre below, preventing conflicts while keeping your interface usable.

How to Test:

  • Desktop: Hold Ctrl and scroll with mouse wheel
  • Trackpad: Pinch gesture on MacBook trackpad
  • Mobile/Tablet: Two-finger pinch gesture
  • Manual: Use the buttons above or enter a custom percentage

Pro tip: Try zooming to unusual percentages like 63%, 137%, or 242% - impossible with standard browser zoom!