Magnetic Buttons

component

Styled buttons: the Magnetic set. 5 decorative buttons variations (MagneticButton, RepelButton, TiltPointerButton, ElasticButton, SquishButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/buttons-magnetic.json"

Sign In

Magnetic Buttons

component

Styled buttons: the Magnetic set. 5 decorative buttons variations (MagneticButton, RepelButton, TiltPointerButton, ElasticButton, SquishButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/buttons-magnetic.json"

motion@^12.42.2

components/ui/buttons-magnetic.tsx

motion@^12.42.2

components/ui/buttons-magnetic.tsx