Sortable list
Drag any
item up
or down
and drop
them in
place
SnapSort
Component library for drag and drop UI. Open source and framework agnostic.
Versatile and Extensible
A wide variety of core components are available out of the box to provide building blocks for any type of drag and drop UI.
Sideways list
Nested list
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Insert mode
Item 1
Item 4
Item 5
Item 2
Item 3
Multiple rows
This
demo
has
a
slightly
different
algorithm
optimized
for
reordering
words
in
a
sentence
Multiple containers
Left
Spec
Mockup
Build
Right
Review
Ship
Customizable
SnapSort components are styleless by default. Use our default theme or apply your own, including Tailwind. Configuration parameters allow adjustment of animation and drag behavior.
Default
Drag any
item up
or down
and drop
Get started
Install SnapSort, wrap your markup in a container, and ship drag and drop in minutes — with the framework you already use.
Left
3Spec Demo
Static preview content.
S eventToday
Mockup Demo
Static preview content.
S eventToday
Build Demo
Static preview content.
S eventToday
Right
2Review Demo
Static preview content.
S eventToday
Ship Demo
Static preview content.
S eventToday
Explore the gallery
File trees, form builders, sentence puzzles, and more — complete interactive demos built with SnapSort.