Smooth UI/Interactive/Escape Button

Escape Button

HoverMotion

Playful button that calculates mouse proximity and smoothly glides away to evade cursor clicks.

Live Interaction Sandbox
Variants: Playful, MinimalDependencies: react

Component Controls

Interactive
Dodge Distance60
Supported States:
● Idle● Dodging● Caught

Props Specification

PropTypeDefaultDescription
dodgeRadiusnumber60Max distance the button jumps

Related Motion Components