Buttons02 of 05

Magnetic Button

The button notices your cursor before you reach it. Come within the radius you set and it leans toward the pointer, with a little rotation if you want it. Touch gets its own radius and sensitivity, so it behaves on a phone too.

Weight

Light

comfortable anywhere on the page

Settings

in the Bricks sidebar

Format

Native element

no shortcode, no embed

Strength and radius are separate on purpose: radius is how early the button notices you, strength how far it commits once it has. A large radius with low strength reads as attentive, the reverse as eager. Touch gets its own pair, because a finger has no hover to warn of its arrival.

More in Buttons

See all 5

Ripple Button

Essence Button

Liquid Button

Wave Button

Pro LifetimeSecure checkout · Instant access · No subscription

Ready to use it on your site?

Every animation ships as a native Bricks Builder element, with every setting in the Bricks sidebar. Pay once, use it on unlimited websites.

View Pricing Browse All Animations

Secure checkout · Instant access · No subscription