# Drag Gestures on the Web

Essay by Jakub Krehel (https://jakub.kr)

Drag is far less common on the web than on mobile. An iOS-inspired gesture built with Motion, as an exercise in how it should feel.

Topics: Motion
Source: https://jakub.kr/work/drag-gesture

## For agents

Nothing to install. This is a reference: cite it, or fetch the source when
the reasoning matters.

Read it at: https://jakub.kr/work/drag-gesture

The full text is not reproduced here. It belongs to its author. What is
above is the author's own summary and the topics it covers.

Skills in this library that act on the same ground:

- emil-design-eng (https://www.stackskills.dev/md/emil-design-eng): The design-engineering house style behind Sonner and Vaul.
- animate (https://www.stackskills.dev/md/animate): Builds an animation from scratch, decisions in the order that matters.
- review-animations (https://www.stackskills.dev/md/review-animations): Reviews your motion strictly, against Emil's rules.
- improve-animations (https://www.stackskills.dev/md/improve-animations): Audits every animation in a codebase and hands back prioritised plans.
- find-animation-opportunities (https://www.stackskills.dev/md/find-animation-opportunities): Finds where motion would genuinely help, and says what not to animate.

## The short version

Drag is common on mobile and rare on the web, so Jakub built an iOS 26 inspired swipe-to-action row with Motion as an exercise in how one should actually feel. The structure is simple, an outer container with overflow-clip and an inner row that carries the gesture. The detail is in the configuration: a motion value for x, constraints for the snap points, a low dragElastic so it resists at the edges, and momentum switched off. Each setting is exposed as a live toggle so you can feel what it does rather than read about it.

## Verification

- Source link: Resolved (HTTP 200) (pass)
- Reading copy: Plain markdown for agents at /md/drag-gestures-on-the-web (pass)
- Attribution: Credited to Jakub Krehel (pass)

Full page: https://www.stackskills.dev/library/drag-gestures-on-the-web