solidjs-motion

motion.create (HOC)

Wrap a custom Component with motion — original props compose with the full MotionOptions surface.

MotionCard = motion.create(Card). The wrapped component keeps its own props (title, tone) and gains the full motion surface (animate, hover, press, etc.).Card just spreads {...props} on its root element — Solid's ref + style flow through transparently.

Hover me, press me, drag me
The same Card Component now responds to hover, press, and drag — and the tone prop is still reactive. motion.create didn't replace any of Card's original behavior; it composed motion on top.