Focus ring
whileFocus animates a glow ring on keyboard focus.
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.
Gestures
hover, tap, focus and pan interactionsHover
whileHover springs the box up and changes its background.
Hover + tap stack
A row of chips that lift on hover and depress on tap, with a per-item spring.
Pan gesture
Track pointer offset across pan events.
Tap
Press-and-hold shrinks the button, release springs it back.