How it works
Reorder.Group/Reorder.Item for drag sorting; AnimatePresence with mode="popLayout" so exiting items leave the flow immediately and siblings glide into place.
Layout Shift Smoothing
Add, remove, shuffle and drag-to-reorder. Every layout shift animates instead of jumping.
sketchMotion
Performance
Layout projection uses transforms only; items are keyed by stable ids so React never remounts them.
Accessibility & reduced motion
Up/Down buttons on every row provide a non-drag reordering path.
Export
transition={{ type: 'spring', stiffness: 500, damping: 40, mass: 1 }}