Swipe actions

iOS-style swipe actions where UI elements and animations respond dynamically to swipe progress. Actions trigger via taps or full swipes (for primary actions). A modern, space-efficient alternative to dropdown menus that keeps actions hidden behind the main item until revealed by a swipe gesture.

BKMN

Related docs

Motion component

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

Motion values overview

Composable animatable values that can updated styles without re-renders.

useMotionValueEvent

Fire events when the value of a motion value changes.

useSpring

A spring-powered motion value. Standalone or attach to another motion value.

useTransform

Transform the output of one motion value into a new motion value.

React animation

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

Gesture animation

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

Motion component

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

Motion values overview

Composable animatable values that can updated styles without re-renders.

useMotionValueEvent

Fire events when the value of a motion value changes.

useSpring

A spring-powered motion value. Standalone or attach to another motion value.

Motion Studio

Enhance your AI code editor with this example

Use Motion Studio to create new components or infuse static designs with animations based on "Swipe actions" and 300+ other examples.

Discover Motion Studio

Swipe actions

Related docs

Motion component

Motion values overview

useMotionValueEvent

useSpring

useTransform

React animation

Gesture animation

Motion component

Motion values overview

useMotionValueEvent

useSpring

Enhance your AI code editor with this example

Stay in the loop

Stay in the loop