3D Magnetic UI Kit

Show Preview
3D Magnetic UI Kit

About 3D Magnetic UI Kit

Stop using flat, boring buttons.

The 3D Magnetic UI Kit adds a layer of polish to your site that users can instantly feel. Unlike standard magnetic buttons that just move the container, this component uses Parallax Physics—the text and icons move at a different speed than the background, creating a subtle, premium 3D depth effect.

✨ What's Inside:

  • Primary Button: Perfect for CTAs like "Book Call" or "Get Started".

  • Social Icons: A circular variant optimized for Twitter, Instagram, and LinkedIn links.

⚙️ Advanced Physics Controls:

  • Strength: Control how "heavy" the magnet feels (0.1 to 1.5).

  • Range: Adjust the invisible sensor area to catch the mouse earlier or later.

  • Springs: Tuned for a snappy, non-jittery return.

🎨 Fully Customizable:

  • Change Background, Text, and Radius.

  • Swap Icons instantly.

  • Adjust padding for Pill or Circle shapes.

Drop this into your Navbar or Footer to instantly upgrade the "feel" of your site.