Magnetic Lean Button

Show Preview
Magnetic Lean Button
Magnetic Lean Button

About Magnetic Lean Button

A call to action with real physics: the button pulls toward the pointer while its label travels a little further, a fill rises on hover and the arrow swaps out. Solid or outline, link and new tab, pull strength and reach, any font and colours.

Every control has a sensible default, the canvas shows a finished preview, and visitors who prefer reduced motion get a still button with the same hover colours.

From QilinMoon

Marquee Ticker
Scroll Progress Line
Pinned Card Stack
Scroll Count Up

Related Components

Dark Mode Toggle
Scroll To Top Button
Pixel Bar Button
Wave Button