pmndrs/use-gesture

Health v2 · maintenance only

Adoption not part of the score

9622 stars · 335 forks observed · 2026-08-28

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

@use-gesture is a TypeScript library for binding rich mouse and touch gestures (drag, pinch, zoom, wheel, scroll) to React components or vanilla JavaScript elements. It provides hook-based and framework-free APIs that pair well with animation libraries like react-spring.

Use cases

• add drag interactions to react components
• implement pinch to zoom on mobile web
• handle touch gestures in vanilla javascript
• build swipeable card stacks in react
• bind wheel and scroll events to elements
• create draggable lists with react hooks

When to choose

• you need unified mouse and touch gesture handling in React or vanilla JS
• you want gesture state data to feed into an animation library like react-spring
• you need configurable drag, pinch, zoom, wheel, and scroll interactions with minimal code

When to avoid

• you need a full drag-and-drop library with sortable lists and file drop zones
• your project doesn't use React or vanilla DOM manipulation
• you only need simple click or hover events without gesture recognition

Facets

library · maturity stable

ui-components animation frontend-framework web-development frontend cross-platform browser gestures react-hooks drag-and-drop touch-events pinch-zoom vanilla-js nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="pmndrs/use-gesture")