Motion.library

Dispatch

On hover the label slides out left while a duplicate enters from the right, and the arrow decouples, overshoots, and re-docks.

buttons / btn-arrow-slide
Playback
Complexity
Foundational
Interaction
Hover
Stack
Framer Motion
Category
buttons

Where to use it

Landing PagesPortfolio

Ships as motions/buttons/btn-arrow-slide.tsx — a self-contained component that accepts playing, speed, params and respects reduced-motion.

More in Buttons

← CircuitWipe →

Related motions