Gallery
A hands-on exhibition of interfaces built with SnapSort. Every piece is
live — drag, sort, and rearrange the exhibits to see the engine at work.
Interactive exhibits
TODO List
A sortable daily checklist — grab the handle to reorder tasks without
losing your progress.
Sentence Builder
Compose a translation from word tiles. Ghost previews mark where each
tile will settle.
File Explorer
An insertion-mode tree with nested folders — drop markers trace the
exact depth as you drag.
src
routes
components
package.json
Clone Palette
Drag a block from the palette onto the canvas to place a copy —
the palette item never leaves. Built on SnapSort's copy drop effect.
smart_button Button
image Image
horizontal_rule Divider
space_bar Spacer
Trash It
Drag a task onto the trash to delete it — everywhere else still
reorders normally. Built on SnapSort's none drop
effect.
drag_indicator Reply to design feedback
drag_indicator Archive last sprint's board
drag_indicator Renew the SSL certificate
drag_indicator Clean up unused feature flags
drag_indicator Update the onboarding checklist
Swap Grid
Drag a tile onto another to trade places instantly — everything
else stays put. Built on SnapSort's swap mode.
Editor
A form builder with a draggable field palette and sortable option
lists, rendered live as you edit.
Build one of these
Every exhibit above is built from the same two primitives, Container and Item. The setup guide walks through the first one.