React Example

Drag: Lock direction

An example of locking the drag direction of an element based on its initial drag direction using Motion for React's dragDirectionLock prop.

Related docs

Animate elements with a declarative API. Supports variants, gestures, and layout animations.

Create React animation with Motion components. Learn variants, gestures, and keyframes.

An overview of all the gestures available in Motion for React.

Animate elements with a declarative API. Supports variants, gestures, and layout animations.

Create React animation with Motion components. Learn variants, gestures, and keyframes.

An overview of all the gestures available in Motion for React.

Motion Studio

Use Motion Studio to create new components or infuse static designs with animations based on "Drag: Lock direction" and 300+ other examples.

Discover Motion Studio