atlassian/react-beautiful-dnd ? reverse-engineered prompt

Reverse engineered prompt

Build me a React drag and drop experience for lists that feels smooth and easy to use.

I want people to be able to reorder items in a single list, move items between multiple lists, and drag with the mouse, keyboard, or touch. It should work well with screen readers too, so keyboard users can move items around without getting stuck. The dragging should feel natural, with nice movement, auto scrolling when lists get long, and no weird extra wrapper elements that break layout.

Please include simple examples for vertical and horizontal lists, and make sure items can have different sizes. It should also support tables and nested lists where that makes sense. If you need to check current React docs or browser behavior online, go ahead. Keep the API simple and make it easy to plug into an existing app with a drag start and drag end callback so I can update my list order.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab