List Reordering Demo
Drag and drop items to reorder them. Watch the smooth View Transitions animations!
đĨ
First Priority
This is the most important task
#1
đ
Second Priority
This comes after the first
#2
â¤ī¸
Third Priority
Important but not urgent
#3
đ˛
Fourth Priority
Can be done later
#4
đ§
Fifth Priority
Lowest priority item
#5
How it works
- âĸ Drag any item to reorder the list
- âĸ View Transitions API creates smooth animations
- âĸ Fallback works in all browsers
- âĸ Reset button restores original order