motion-solid
A port of Motion for React to Solid 2: gestures, exit and layout animations, scroll and motion values, on the same engine as Motion.
pnpm add @motion-s/solidAnimations
Animate on mount and on change with keyframes, springs and variants.
Gestures
Hover, tap, focus, pan and drag, with animations while they're active.
Exit animations
AnimatePresence with presence-aware Show and For keeps removed elements until they've animated out.
Layout animations
Animate size and position changes, and shared elements between components.
Scroll
Trigger animations in view, or link them to the scroll position.
Motion values
Values that update the DOM every frame, with bridges to Solid's signals.