SnapEngine
Docs About

SnapSort

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.

Exhibits
  1. TODO List
  2. Kanban Board
  3. Sentence Builder
  4. File Explorer
  5. Clone Palette
  6. Trash It
  7. Swap Grid
  8. Editor

TODO List

A sortable daily checklist — grab the handle to reorder tasks without losing your progress.

drag_indicator Plan the grocery run
schedule Due in 2h
drag_indicator Take an evening walk
schedule Done
drag_indicator Clear the client inbox
schedule Due today
drag_indicator Fit in a strength session
schedule 6:30 PM
drag_indicator Read the next chapter
schedule Done
drag_indicator Review autopay dates
schedule Tomorrow
drag_indicator Call mom back
schedule Tonight
drag_indicator Water balcony plants
schedule Due in 4h

Sentence Builder

Compose a translation from word tiles. Ghost previews mark where each tile will settle.

It has many uses

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

Drop blocks here

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
delete Drop to delete

Swap Grid

Drag a tile onto another to trade places instantly — everything else stays put. Built on SnapSort's swap mode.

A1
A2
A3
B1
B2
B3
C1
C2
C3

Editor

A form builder with a draggable field palette and sortable option lists, rendered live as you edit.

My Form

drag_indicator
drag_indicator
drag_indicator
drag_indicator
drag_indicator
SnapEngine © 2026

Project

About Docs GitHub

Assets

SnapZap SnapSort SnapLine