Magnetic Pill

A dark pill button with a magnetic feel. On hover the pill is pulled toward your cursor on a soft spring, the label follows with a touch of extra parallax, and an accent disc with an arrow grows out of the right edge. Move away and it settles back.

What you get

• Spring-based magnetic pull with label parallax

• Primary (solid) and Secondary (hairline outline that inks in on hover) in one component

• Controls for label, link, new tab, colours, arrow, font, padding, radius and pull strength

• Ships with Manrope – or switch to any font in your project

• Keyboard focus support

Free sample from 200 Buttons – a library of 200 interactive Framer buttons (corporate, creative and experimental). See all 200 live: https://200buttonslibrary.framer.website/