Touch Gestures

PRO

Advanced multi-touch gesture recognition with pan, pinch, rotate, tap, swipe support and momentum physics

Pro Features

Unlock advanced capabilities with the Pro version

Multi-Touch Support

Pan, pinch, rotate, tap, swipe with up to 10 simultaneous touch points

Desktop Fallback

Full mouse drag support for desktop browsers with gesture simulation

Pinch to Zoom

Smooth pinch gestures with configurable scale limits and momentum

Rotation Gestures

Two-finger rotation with optional angle snapping

Haptic Feedback

Optional vibration feedback with customizable intensity

Visual Indicators

Touch point indicators and gesture type display for debugging

Installation

Install via CLI

npx moonui-cli@latest add touch-gestures

Usage

Pro Required

Touch & Gesture Me!

Pan • Pinch • Rotate

1 finger: Pan

2 fingers: Pinch/Rotate

Examples

Pinch to Zoom Image

PRO

Interactive image zoom with scale limits and smooth transitions

Pro Required

Pinch to Zoom

Use two fingers to zoom in/out

Scale: 0.5x - 3x

Min: 0.5x

Default: 1x

Max: 3x

Rotate Gesture with Snap

PRO

Rotation gestures with angle snapping

Pro Required

Free Rotation

No snap

15° Snap

15° increments

45° Snap

45° increments

Tap, Double Tap & Long Press

PRO

Comprehensive tap gesture recognition

Pro Required

Single Tap

Quick tap to trigger

Try it!

Double Tap

Tap twice within 300ms

Try it!

Long Press

Hold for 500ms

Try it!

Advanced Features: Preview, Indicators & Momentum

PRO

Enable visual feedback, touch indicators, and momentum scrolling

Pro Required

Basic

Standard gestures

With Preview

Ghost preview while dragging

Preview

With Indicators

Visual touch points

Indicators

Full Features

Preview + Indicators + Momentum

Preview

Indicators

Momentum