All components
reorder-list

Reorder list

Provides clear drop position for pointer and keyboard reordering.

  • Keyboard ready
  • Reduced motion
  • TypeScript
  • Opening remarks
  • Roadmap review
  • Design critique
  • Open questions
Drag to reorder. With the keyboard, Space grabs the row, the arrow keys move it, Space drops it, and Escape puts everything back.
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/reorder-list.json