Magnetic Hover Effect

component

A Magnetic Button is a UI component designed to enhance user interaction. When a user's cursor or touch input approaches the button, it subtly moves towards the user, simulating the effect of magnetic attraction.

pnpm dlx shadcn@latest add "https://bundui.io/r/magnetic-hover-effect-01.json"

Sign In

Magnetic Hover Effect

component

A Magnetic Button is a UI component designed to enhance user interaction. When a user's cursor or touch input approaches the button, it subtly moves towards the user, simulating the effect of magnetic attraction.

pnpm dlx shadcn@latest add "https://bundui.io/r/magnetic-hover-effect-01.json"

motion

button

components/magnetic-hover-effect/magnetic-effect.tsx

motion

button

components/magnetic-hover-effect/magnetic-effect.tsx