Animated button
A submit button that morphs through pending and success.
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.
Showcase
polished UI components built with motionCharacters remaining
A circle ring shrinks toward the limit, color warms past 80%.
Cursor trail
A chain of springs follows the pointer with growing lag.
Fancy like button
A heart pops, particles burst, and the count slides up.
Multi-state badge
Cycle the badge between statuses with a layout crossfade.
Segmented control
Pill indicator slides between items with a shared layoutId.
Toggle switch
Layout animates the knob, color crossfades the track.