pmndrs/use-gesture
Use Gesture
use-gesture is a JavaScript gesture manager and interaction tool designed to detect and process user input patterns. It functions as a React gesture hook library and a general utility for tracking screen coordinates and movement patterns to drive interactive component behaviors.
The library specializes in capturing complex mouse and touch interactions, including dragging, pinching, swiping, and scrolling. It provides a system for implementing drag and drop functionality and pinch-to-zoom interactions.
The tool covers the development of interactive UI components by normalizing diverse input events into a unified format. It manages the detection of custom input patterns and the integration of touch gestures for both React and vanilla JavaScript applications.
Features
- Gesture Interaction Libraries - Provides a comprehensive system for capturing and processing pointer-based interactions like dragging, panning, and tapping.
- Touch and Mouse Events - Offers utilities for tracking touch, swipe, and mouse interactions to drive interactive UI behaviors.
- Drag and Drop Libraries - Implements the interaction logic required to move elements across a screen and handle their release.
- Gesture Interaction Hooks - Provides specialized React hooks for detecting and responding to complex input gestures like dragging and swiping.
- Interaction Detection - Tracks and responds to specific user input patterns including hovering, pinching, and scrolling.
- Multi-Touch Tracking Systems - Maintains registries of active touch points to reconcile multiple concurrent identifiers for pinch and zoom.
- Touch Gesture Libraries - Provides a library of event listeners that translate raw touch inputs into recognizable gestures like pinch and swipe.
- Event Normalizers - Standardizes diverse mouse and touch events into a unified object format for cross-browser consistency.
- Gesture Management Libraries - Acts as a comprehensive manager for detecting and processing user input patterns in JavaScript and React.
- Gesture State Machines - Uses an internal state machine to track active gesture phases from start to completion across frames.
- State-Driven Callbacks - Triggers user-defined callback functions when gestures reach specific phases or state thresholds.
- Offset Calculators - Provides logic for calculating distance offsets from reference points to enable smooth element positioning.
- Input Pattern Detectors - Detects specific hovering, pinching, and scrolling patterns to trigger custom animations and logic.
- Interactive UI Components - Enables the creation of UI components that respond dynamically to complex mouse and touch movements.
- Coordinate Space Mapping - Translates raw screen coordinates into relative offsets based on the bounding box of targeted elements.
- Data Visualization Libraries - Utility for mouse and touch gestures in React.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
