Drag — basic
A draggable block with momentum and a soft spring back.
motion-solidjs·77 examples
Motion for SolidJS, by example.
A live gallery of every gesture, transition, layout trick, drag constraint, scroll effect and motion value pattern — running on motion-solidjs, TanStack Start and SolidJS.
Drag
draggable elements, constraints, reorderDrag — constraints
Numerical constraints limit how far the element travels.
Drag — bounded by parent
Pass a DOM element as constraint — the box stays inside.
Drag — createDragControls
Start a drag from a separate handle with createDragControls.
Reorder list
Drag the rows to reorder them — values stay in sync.
Drag — snap to slots
On drag end, snap to the nearest of three positions.