createInstantLayoutTransition
Skip the layout animation for a single update — instant snap vs animated reorder.
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.
Layout
layout and shared layout animationsExpandable card
A card grows to reveal more content with shared layout.
Layout — basic
Toggle the alignment; layout="true" tweens the position.
Layout — list reflow
Layout siblings reflow with springs when an item is removed.
Layout — shuffle
A list of items reshuffles every second; layout springs them into place.
Shared layout
layoutId animates between two elements as one.
Shared layout — tabs
layoutId slides the active underline; AnimatePresence swaps the body.