Drag to Reorder
Drag and drop list items to reorder them with smooth animations.
Adjust the preview
Every choice updates the preview and the wording below.
Item Count
Drag Feedback
Shift Animation
Drag Handle
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a drag-to-reorder list with 8 items. Items lift up with a larger shadow while being dragged. Animate with a smooth sliding transition when items shift positions. Use HTML Drag and Drop API or pointer events. Show a grip dots handle on the left to indicate draggability.
Paste it into Claude, Cursor, or v0 along with the context for your project.