infi-motion · Micro-interactions

Long-press to rearrange.

Hold a row (or grab its ⠿ grip) to lift it out with a shadow — drag up or down and the list opens a gap, release and it drops into place on a spring. Drivable with a mouse too.

↕ long-press & drag any item

Your picks

6 drinks
  1. 1 Taro Milk TeaLarge · 50% sugar · boba $6.25
  2. 2 Iced Matcha LatteMedium · oat milk · light ice $5.75
  3. 3 Brown Sugar BobaLarge · fresh milk · extra pearls $6.75
  4. 4 Mango Green TeaMedium · 25% sugar · lychee jelly $5.50
  5. 5 Thai TeaLarge · condensed milk · boba $5.95
  6. 6 Wintermelon TeaMedium · 0% sugar · aloe $5.25
Tier 1 · zero dependencies · infi-motion:drag-reorder-list. Long-press a row (or grab its ⠿ grip): it lifts on a shadow, the others slide to open a gap, release and it drops on a spring. Reduced-motion / no-JS → a plain list; the ↑/↓ buttons still reorder. See spec.md.