motion-solid

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/solid

Animations

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.