MotionLang

Feedback & Interaction · What a tap feels like

Drag to reorder拖拽排序

Hold an item and drag it elsewhere; the others make room in real time, and on release it settles with a slight bounce.

Open this entry in the tool

When to use it

Use it for lists whose order the user can choose; short lists or fixed orders do not need dragging.

Parameters

1:1 tracking · others shift 200ms ease-out · settle spring(stiffness 500, damping 30)

Recipe

  1. Drag to reorder → 200ms spring(stiffness 500, damping 30)
  2. Drag to reorder → 1:1 tracking · others shift 200ms ease-out · settle spring(stiffness 500, damping 30)

One sentence for your AI

Add drag-to-reorder to this list: the dragged item follows 1:1 and scales to 1.03, other items shift over 200ms ease-out, and the drop settles with a spring of stiffness 500 and damping 30.

More in this category